It looks fine on a Mac, but I notice that it looks awful in certain
Windows combinations, namely: Internet Explorer 6 in Windows XP, and
Internet Explorer 7 in XP and Vista, but for different reasons.
In Internet Explorer 6 in XP, the main text is displayed to the right
of the header, and the site has go much wider in order to do that. In
Internet Explorer 7 in both XP and Vista, the main body text has
vanished entirely.
… where you can see the various permutations (click on the thumbnails
for a larger view) and tell me what parts of the various Internet
Explorers bit me?
In your “container” DIV ID you have a margin set to 25px top, auto (L,R), bottom 20px. But since you’re not building the outside like a box model to get it centered it looks like you have the page set to auto center in the Inspector Palette so you wouldn’t need the “auto” for left and right.
Other thing I noticed is that your menu in the sidebar labeled “menu1” has it’s width set to “auto.” I usually run into problems in IE when I have anything to have an “auto” width.
One thing you might consider is changing the “sidebar” to “float:left” and “clear:none” and then changing the “content” to “float: left” and “clear: none” and then underneath that insert another HTML item and make that the size of the image underneath it and set the float to none and the clear to both. Then drop the 220px padding in the content item and then you can adjust the size of the site there and always get an accurate, but empty, spacer.
Thanks Dan. Something weird here; I receive all mail through email, never visit the forum, and I hadn’t received your reply for some reason.
I managed to solve it (all of it!) by simply changing the float of the header from ‘left’ to ‘none’. That cleared up everything. I will consider altering the auto width of the menu though, thanks for that.
The 220px padding is necessary to get enough white space at the bottom so the text doesn’t overlap the background image.
