The problem is that you’re using position:absolute on the body and the center-blog div.
In your body css rule, remove these bits:
position:absolute;
left:0px;
top:30px;
width:150px;
Also find div.center-blog and remove position:absolute. Once you done that there’ll be a bit of adjusting with margins to get it right, but it’ll scale properly.
cheers,
Eric
I changed both of those items but now I think it might look worse.In IE, my right sidebar has scooted over and in Firefox, there’s a big gap in between my words and pictures – which is very odd.
Also, I don’t see it behave correctly if I re-size the browsers – I still have the same issue. It looks like the content is staying in one place on the screen while the background resizes with the browser. I’d like it to all be one way or the other. Any suggestions? =\
Thanks for your help!
You also have to remove this line from div.left-navi-blog
margin-right: 50px;
And on div.center-blog, remove the left margin and add in float:left;
Cheers,
Eric
ps. It looks ok for me in Chrome with those changes, but yes, doesn’t resize great if you go down really small.
Thank you! I have it almost exactly how I want it but now I have one new problem – for some reason, I have a big empty space on my category pages. For example, if you go here: http://eatsmilesleep.com/category/eat/ , you can see that there’s a big chunk of whitespace at the top. Do you have any idea what might be causing this?
Never mind, I figured it out – thanks for all your help!
