Previous Message
Next Message

DIV is not correct height in IE6

Sent by Zoe M. Gillenwater on 17 August 2004 19:07


(Apologies if my message is late and you already have several replies by 
this point.  It's 2:10 and I just got your message from 12:37.  All my 
mail seems to be really slow lately -- we're having network problems.)

Craddock, Melissa wrote:

>My page is located at http://www.cdc.gov/ncidod/trial/travel/ 
>The right hand navigation has blue bars above and below the yellow
>navigation area. The blue bars have been set to a height of 3 pixels yet
>they are still showing at like 15 pixels high. My id in the CSS looks
>like below
>
>#hrblue	{
>	background:#0B3D91;
>	width:184px;
>	height:3px;
>}  
>
>In my page I have it coded as follows <div id="hrblue"></div>
>Any help as to why it is not showing as 3px high would be appreciated.
>  
>

IE expands blocks to hold potential text.  Set your font size and 
line-height for this div to something 3px or less and IE should behave.

Alternately, you could achieve the same effect with less markup and more 
semantics by using a border to create that blue line.

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: