2 replies [Last post]
MaxHeight
Offline
Regular
Last seen: 11 years 25 weeks ago
Joined: 2008-03-06
Posts: 12
Points: 0

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 6 hours 45 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

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

AttachmentSize
test.jpg 12.41 KB

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

MaxHeight
Offline
Regular
Last seen: 11 years 25 weeks ago
Joined: 2008-03-06
Posts: 12
Points: 0

Thank You! That did it.

Thank You!
That did it.