Previous Message
Next Message

Mis-sized DIV in IE6?

Sent by Holly Bergevin on 11 July 2005 05:05


Ian Sweeney wrote:

>The image shown at www.iansweeney.me.uk/p4 shows red within the yellow
>border in IE6, but not in Firefox. How do I get rid of the red?

>The image size is 744 x 164 and so is the div.

>div#mix { background-color: red; border: 5px solid yellow; height: 164px;
>margin: 0px; padding: 0px; width: 744px; }

I notice on your page that you've found a solution using overflow: hidden. Another solution is
simply to move the closing div tag onto the same line (in the markup) that the image tag occupies.
Alternately, you can set the image to display: block, or use verticle-align: bottom to accomplish
the same thing. 

Cheers,

~holly 
 
                   
______________________________________________________________________
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

Possibly related: