Div heigth problem in IE

Forum Moderators: not2easy

Message Too Old, No Replies

Div heigth problem in IE

... or perhaps in me?

topsport

10:32 am on Oct 31, 2005 (gmt 0)

I have problems setting the height of a <div>. Everything looks OK in Firefox, but not in IE (I tested this with IE 6.0). For best descripton of the problem, please preview the code in Firefox and then in IE. In IE the heigth of the <div> should by " height:3px;", but it is not!

Here is my code:
<html><head>
<style>
div#item {
position:absolute;
height:3px;
width:3px;
background-color:#FF0000;}
</style>
</head>

What am I missing?

gorghazaryan

11:49 am on Oct 31, 2005 (gmt 0)

hello

just add "overflow:hidden" in your div styles

good luck

Robin_reala

1:41 pm on Oct 31, 2005 (gmt 0)

I believe IE is setting a default line-height for your <div>s and then expanding them to fit that. Try adding 'line-height: 3px' to your CSS as well.

topsport

2:29 pm on Oct 31, 2005 (gmt 0)

"overflow:hidden" fixed it!

10x!

Setek

3:30 am on Nov 2, 2005 (gmt 0)

This is completely off-topic, but an element ID should only appear once on a page...

If it needs to be repeated, use a class (.)