Previous Message
Next Message

problem with space between divs ie

Sent by Gunlaug_Sørtun on 26 March 2006 14:02


[EMAIL-REMOVED] wrote:
> I am trying to create a box with curves. The problem is ie puts a 
> large gap bewteen divs. What causes this?

> http://scottishsocialnetworks.org/home.php

IE doesn't understand what an empty div is, so it thinks it has to put a
space inside them - and apply 'line-height' to it. A genuine IE-bug :-)

Solution:
HTML, add comments:
<div class="curve_top"><!-- --></div>
<div class="curve_middle"></div>
<div class="curve_bottom"><!-- --></div>

....which will make IE understand that those divs are really supposed to
stay empty.

Add this CSS:
..curve_top, .curve_bottom {
   font-size: 1px;
   line-height: 0;
}
....and delete 'display: inline' on those floating divs since there's no
'margin-doubling bug on floats' bug to compensate for in IE/win.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
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: