Topic: My div doesn't respect the WIDTH css propertie in ie6! (Page 1 of 1)

Hi folks.
<edit>
I wasn't meaning width in my topic subject, but rather height!
</edit>

I was just wondering if this was an error of mine or just a bug of ie6.

I have that style defined

#window{

	margin:5px;

	background-color: #aab;

	border:0;

	padding:0;



	width:300px;

	height:300px;

}



#topborder{

	margin:0px;

	padding:0;

	width:100%;

	height:1px;

	background-color: #006;

	cursor   :pointer;

}

and that HTML

<div id="window">

	<div id="topborder"></div>

</div>

Problem is that, in ie6, the "topborder" div's width is ok, but the height remains always at a minimal size (obviously a text line height size), even if I specify its height lower!

Is this an IE6 bug or what?

Thanks!

OMERA ~ romantic dreamer ~

I can't answer your question, but I have to ask (as I'm slightly confused), why do you need this setup? Why not just specify a top border for the 'window' div?

Or, specify a top border for the 'border' div and no background-color, if it's existence is actually necessary.

I guess that ie simply decides that the content of the topborder div must be text if the content is blank - hence you get the height set to a text line

try this instead:

<div id="window">
<div id="topborder"><img src="blank.gif" height="1" width="1" /></div>
</div>


hth
I:.

You could also try this -

font-size:0;
line-height:0;

in the 'top-border' div style definition.

I still have to ask though.....why?

a slightly more elegant solution there

but yes - why?

And another question,

why?

Pourquoi?

___________________
Emps

FAQs: Emperor

What a fascination people suddendly have for that question: "why"?

Etranges détours que parfois ces tortueux esprits taquins empruntent...

Well, just suppose I want to make a rectangular shape
-----

ah - that'd do it then

ok....tiny is one thing, but 1px??

minimalism's the new black

Ha...
1px was just for the exemple... I if had used my real value (8px) one should have said "hey ho, are u sure that your line height isn't 8px height? Maybe the glasses of your are dirty blabalbalbalab" so i took an extreme vamue to fix the idea!

Got it?

Ok, that makes a little more sense

Have you tried the line-height/font-size bit yet?

Curious to know if that works.

Aah! Well, forgive me, I'm a little bit absent minded sometimes...
I tried your suggestion and It works fine!

quote:

---

minimalism's the new black

---

hehehe, how very artsy


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

ok, cool.