[RESOLVED] Height issue with IE

scottpoliseno

Ok...

Whenever I have a div element IE wants it to have a height equal to the text. I added a 1 pixel gif to try to stop it but that didn't work. Is there a cause or workaround for this?

Thanks,

Scott

sheephat

I don't undertand what you are tring to do.

scottpoliseno

Sorry about that...

Here is an example:

<div id="id_name_here"></div>

css:

#id_name_here
{
height: 5px;
background-color: #ffae00;
}

When this displays on IE the height is set to the minimum text size and not 5px. Do I have to specify fonts only for specific DIV tags instead of having all DIV tags set to 14px font height?

Thanks...

scottpoliseno

I found the problem... If the div tag is formatted like this the error occured

<div id="id_name_here">
<img src="images/spacer.gif">
</div>

If I put the <img> tag on the same line with the opening div tag the error disapperared....

Is there a reason for this or just an IE bug?

Scott

Weedpacket

IE is rendering the line break between the <div> and <img> tags as a space (ditto the line break between the <img> and the </div>). This is a violation of the HTML specification, and also breaches the rules of conduct for XHTML. So yes, it's an IE bug.

NogDog

Another work-around is to specify that image element's style as "display: block;".