IE padding problem

A Mac should run everything you need to set up a local server. I think Apache is already installed by default and Mysql might be. That said, I tried to set up a LAMP server on OS X recently and it was painful. You could try something like MAMP though, which might be easier.

You have quite a few errors on your page. Start by cleaning that up. Once that is fixed maybe you’ll have an easier time with IE. Or not. My page validates but I still have to use IE conditional tags to make it behave.

hi – Your scrollbars are because of the overflow:auto setting

try overflow: hidden

in IE7 your sidebar looks fine. its not below the post

in ie 6 i was able to get the sidebar where you want it by adjusting the width of DIV id=”loop” from 514 to 475 pixels.

The best way to get IE tweaks into a theme is to use Microsoft Conditional Comments and a separate ie supplementary stylesheet.
You can Google for info about that.

But for now you can do a quick and dirty by putting this at the bottom of your stylesheet
* html #loop { width:475px }

Get those things working and if its created further problems you can repost them.

Thanks, Steve. That was really helpful.

Thanks also to apljdi, as making my CSS/XHTML validate did fix another problem I was having: the ie conditional stylesheet wasn’t loading. It is now.

However, I’m still having issues with IE:

• IE 5.01: images show up fine, but there’s no text at all
• IE 5.5: the orange header and navigation images don’t show up, and the sidebar drops below the content.
• IE 6: the sidebar works now! But there’s still more padding on the right than on the left. Is this a simple pixel tweak (play around with that 475 number)?
• IE 7: the biggie! the background behind the blog content is shifted slightly to the right. You can see an image here. I have no idea what’s going on there.

Any further advice you can provide would be a huge help.

Cheers,
Max

IE 5.01: I see images and text.

IE 5.5: Looks ok.

IE 6: Yes, more padding on the right than the left. Fiddle with the numbers. And I for one am not too proud to used conditional tags.

IE 7: I see that shift but only on the blog page. It looks like #meat is being padded over a bit too much but I can’t make out why. Very odd.

Hi

About 17 people in the world still use IE 5 and 5.5. You need to decide if its worth the effort to tweak them to work. They are around ten years old now.

IE 7 – change your #header background position to left top – that appeared to clean up the slight shift to the right

IE 6 – yes, play around with the 475 – I picked it somewhat arbitrarily

Thanks again, guys. It’s good enough where it is now.

I moved #gap to begin right under the navbar, which masks the IE 7 padding issue. 479 was the magic number for IE6, and although things are still farther from the right than is perfect, no one will care except me.