6 replies [Last post]
dlorimer
Offline
newbie
MA, USA
Last seen: 17 years 9 weeks ago
MA, USA
Joined: 2003-07-22
Posts: 9
Points: 0

Hello,
test.cyrano.com/health/
user:reviewer
pass:critic

in all browsers but IE 6, the images all line up correclty and yet in IE 6 there is a space between each DIV. Does anyone have any ideas? I'm stumped.

d3signmonk3y
d3signmonk3y's picture
Offline
Enthusiast
Toledo, Ohio
Last seen: 17 years 8 weeks ago
Toledo, Ohio
Timezone: GMT-4
Joined: 2003-07-29
Posts: 59
Points: 0

IE 6 is adding about a pixel or 2 of space between my images

If you get rid of the white space between the images and the containing divs in your code the proble should go away.

Change

		<div id="topman">
			<img src="../images/man_top.jpg" alt="" width="600" height="150" border="0">
		</div>

To

		<div id="topman"><img src="../images/man_top.jpg" alt="" width="600" height="150" border="0"></div>

dlorimer
Offline
newbie
MA, USA
Last seen: 17 years 9 weeks ago
MA, USA
Joined: 2003-07-22
Posts: 9
Points: 0

that did it!

thank you thank you thank you...
I would have never figured that out.
I'm really learning new tricks for css everyday, I appreciate your help soooo much.

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 7 years 19 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

IE 6 is adding about a pixel or 2 of space between my images

well I learned something new too Laughing out loud Thanks for sharing that d3signmonk3y

http//melbourne.ug.php.net

the2003s
the2003s's picture
Offline
Regular
Last seen: 13 years 3 weeks ago
Timezone: GMT+2
Joined: 2005-11-26
Posts: 35
Points: 0

IE 6 is adding about a pixel or 2 of space between my images

thanks people! I've encountered the same problem, and solved it.
What a stupid thing by IE taking spaces between html code into consideration!

TymArtist
TymArtist's picture
Offline
Regular
Chicago
Last seen: 8 years 39 weeks ago
Chicago
Timezone: GMT-6
Joined: 2005-11-23
Posts: 31
Points: 8

IE 6 is adding about a pixel or 2 of space between my images

actually depending on the doctype you're using, i'd probably change it to the way he stated and then move the border into CSS properties. in HTML 4.0 and above, "The "align", "border", "hspace", and "vspace" attributes of the image element were deprecated in HTML 4.01."

Add this to your css:

img {
border: 0;
}

obviously you can also set it specific to images in the div, or apply a class to the image and then set it for just that image. anyway, that's my little bit of input for today Tongue

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE 6 is adding about a pixel or 2 of space between my images

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me