[css-d] IE6 and margin problem

2008-10-10 Thread Karlo Lozovina 
Hi everybody, here's an example page of my problem:

http://mosor.net/iebljuv/

In FF, Opera and Konqueror the height of the blue box is exactly the
same as the height of the gray DIV. In IE6 the gray DIV is a fex
pixels bigger than it should be, so they don't fit perfectly. Any
ideas what is the problem, and how to fix it?

Thanks a lot, this is driving me crazy.

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

Re: [css-d] IE6 and margin problem

2008-10-10 Thread Gunlaug Sørtun 
Karlo Lozovina wrote:

 http://mosor.net/iebljuv/
 
 In FF, Opera and Konqueror the height of the blue box is exactly the 
 same as the height of the gray DIV. In IE6 the gray DIV is a fex 
 pixels bigger than it should be, so they don't fit perfectly. Any 
 ideas what is the problem, and how to fix it?

IE sees whitespace before and after the image, and insists on making
room for text because of it. This means space below the image for
descenders, and since IE has no respect for declared dimensions it
pushes #abc taller. Same in all IE versions in quirks mode.

Remove the gaps before and after the image, turn the image into a
block-element, or declare 'vertical-align: bottom' on the image.

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