Please check out this site with IE7 and notice the horizontal space in the middle of the page.
www.lovely.maxheightdesignstudio.com
The page loads perfectly in Safari, FF and NS.
6 images make up this page.
No padding or margins are set for IMGs and body is set to 0 for both margin and padding.
It's not just at the one
It's not just at the one spot, but between every row of images. Look carefully; you'll see an offset in the lines of text.
That's IE's classic white space bug. IE generates an anonymous line box even if there is no text. The newline is treated as white space.
If I remember correctly, throwing IE into quirks mode will fix things, but will break even more. The next fix is to carefully format your code to eliminate the newline or other white space. Like so:
<img src="images/home_page_01.jpg" />< img src="images/home_page_02.gif" class="fltlft" />< img src="images/home_page_04.jpg" class="fltrt"/>< img src="images/home_page_03.jpg" />< img src="images/home_page_06.gif" class="clearrt"/>< img src="images/home_page_05.gif" />
The best fix is to use properly marked up content,text not images, for the page. A window dump of your page (scaled 50%), with images disabled is attached. Not very informative, eh?
cheers,
gary
Attachment | Size |
---|---|
test.jpg | 12.41 KB |
Thank You! That did it.
Thank You!
That did it.