[css-d] IE expanding Box Problem

2005-09-14 Thread benny
Hello,

i'm new to this list and have a IE box problem.
following example shows what i mean:

div style=border:3px solid red;height:50px;background:#eee
  div style=border:1px dotted green;height:1px;/div
/div

if i give the inner DIV a height, the IE expand this inner DIV about 12px. also 
a height:0px; will do this. i just need 5px, how can i get this height? 
erasing the height style will minimize the height to 0, only the border appears.
i read the Internet Explorer and the Expanding Box Problem  but found no 
solution of my height problem. maybe i read to fast or forgot some basics. i'll 
read again but maybe one of you css-users can give a hint.

thanks,
benny.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE expanding Box Problem

2005-09-14 Thread Jim Davis
Benny,

To the inner div, add line-height: 1px;

Jim

On 9/13/05, benny [EMAIL PROTECTED] wrote:
 
 Hello,
 
 i'm new to this list and have a IE box problem.
 following example shows what i mean:
 
 div style=border:3px solid red;height:50px;background:#eee
 div style=border:1px dotted green;height:1px;/div
 /div
 
 if i give the inner DIV a height, the IE expand this inner DIV about 12px. 
 also a height:0px; will do this. i just need 5px, how can i get this 
 height? erasing the height style will minimize the height to 0, only the 
 border appears.
 i read the Internet Explorer and the Expanding Box Problem but found no 
 solution of my height problem. maybe i read to fast or forgot some basics. 
 i'll read again but maybe one of you css-users can give a hint.
 
 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE expanding Box Problem

2005-09-14 Thread David Hucklesby
Hi Benny, you stated:
 ...
 div style=border:3px solid red;height:50px;background:#eee div
 style=border:1px dotted green;height:1px;/div /div

 if i give the inner DIV a height, the IE expand this inner DIV about
 12px. also a height:0px; will do this. i just need 5px ...

Try adding this to the rule for the inner DIV:

   font-size: 1px; line-height: 1;

(and change the height to the 5px that you want.)

Cordially,
David
--
David Hucklesby, on 9/14/2005
http://www.hucklesby.com/
--




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/