background images

[dee2005]

Hi
I have this problem when using a background-image of a certain
height 8px to be exact. IE 6 add extra spacing at the bottom, whereas firefox it is fine. This leaves a gap between the top and bottom image;

here is my code:
#displayHeaderTop{float:left; width:746px;}

#greywhiteborderLeft{float:left; width:8px; height:8px; background:url(player/i/whitegrey_cornerleft.gif) no-repeat top left;}
#greywhiteborderMiddle{float:left; width:92px; height:8px; background:url(player/i/whitegrey_top_center.gif) repeat-x top left;}
#greywhiteborderRight{float:left; width:8px; height:8px; background:url(player/i/whitegrey_top_right.gif) no-repeat top left; padding-right:10px;}

<div id="displayHeaderTop">
<div id="greywhiteborderLeft"></div><div id="greywhiteborderMiddle"></div><div id="greywhiteborderRight"></div>

can anyone help

 

[Vragabond]

Try adding [tt]font-size: 0;[/tt] for IE. IE sometimes likes to make space for potential text in divs.

 

[BillyRayPreachersSon]

Try adding "overflow: hidden;" to the 3 "greywhiteborder" divs.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dee2005]

Thank you both, I tried the overflow hidden it didn't work the font-size:0; did reduce the size but too much. However I added &nbsp; between the div's and the space was reduce. I gather IE doesn't like empty divs

 

[BillyRayPreachersSon]

IE has no problem with empty DIVs. It's probabaly whitespace - have you tried removing it?

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BabyJeffy]

Actually, it's probably a doctype. Have you validated your html against your doctype? Use this validation service...

http://validator.w3.org

If you page doesn't validate, then the problems you are experiencing could be because you have faulty html. The suggestions they give on that validation site will help you fix your html, and may resolve this issue completely.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[dee2005]

Thanks for your response, they were helpful