Sent by Gunlaug_Sørtun on 15 September 2006 22:10
Mattias Brändström wrote:
>>>>> [...]Is there some trick to get this to show the same way in
>>>>> IE?
>>
>>> http://keso.brasse.org/foo.html
>> div.row {height: 1%;}
> That removed the gap completely in IE. If I increase the gap to 1em
> (or more) it still render as no gap in IE. Any idea why that is?
Yes, it's a combination of non-contained floats, and some IE-bugs :-)
The following will give you near pixel-perfect distance-control...
div.row
{
clear: both;
float: left;
margin: 0 0 .3em 0 /* set "gap" here */;
}
div.row input
{
float: left;
}
....and so will the following variant - in most browsers...
div.row
{
clear: both;
height: 1%;
display: table;
margin: 0 0 .3em 0 /* set "gap" here */;
}
div.row input
{
float: left;
}
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/
