Replies To: Stop image from moving when resize

Re: Stop image from moving when resize

Posted 15 February 2013 - 11:52 PM

maybe you could try to recode the header? Change where it margins too and the size of it. Even though the size hasn't changed, it may help to better position it. I would have to put this thing in a file where I could see it live to better understand it. Looking at it like this, I'm afraid the advice I just gave you is all I got. Best of luck.

Re: Stop image from moving when resize

Posted 16 February 2013 - 02:13 AM

Your description is a little confusing as images don't (naturally) resize, it is block-level elements (DIVs, Ps etc.) that resize to the width of the browser window, or their containing element. If you use floated elements and there isn't sufficient width to contain them, then they will drop below other elements.

I think you should investigate css layouts. You have to decide on the overall layout of your page, and how you want it to behave. That is, do you want a fixed-layout, or a liquid-layout that expands or shrinks when the browser is resized.

Re: Stop image from moving when resize

Posted 17 February 2013 - 05:12 PM

Andrew has sound advice. I looked through the code and can probably help you through your issue, but honestly it would be redundant. You have way to many div's going on. Check out Andrewsw's site, he has some good information on layouts and element positioning. Andrewsw Site
Also, check into the differences between id and class here,Css-Tricks