Unidentified space...

liunx

Guest
Here's the code...

CSS

#hdr, #nav, #cnt, #ftr, p, img
{
margin: 0;
padding: 0;
}

HTML

<div id="hdr">
<img alt="sample picture" src=http://www.webdeveloper.com/forum/archive/index.php/"pic01.gif" />
</div>
<div id="nav">
<p>This is sample text.</p>
</div>
<div id="cnt">
<p>This is sample text.</p>
</div>
<div id="ftr">
<p>This is sample text.</p>
</div>

Now, after the picture in the "hdr" div, there is a blank space with an approximate height of 5px in IE6, M1.6, MFF0.8, and N7.1, but the space is only about 1px high in O7.11.

The only reason I know it is within the div itself is because I can color the background of the divs and see the space that way.

Any ideas on what could be causing this?

Thanx.You may want to try and have the opening <div>, <img>, and closing <div> tags all on the same line with no space between them. It's a known bug/quirk.img { display:block; }Cool.

Placing everything on the same line didn't do anything. However, the "img { display:block; } did work for IE, M, MFF, and N.

Opera is still showing about a 1 px gap.

Thanx.Anyone?

:D
 
Back
Top