Gunlaug Sørtun wrote:
>Donna Jones wrote:
>
>
>>http://mainehumanities.org/thirty-years-draft.html
>>
>>
> The addition of...
>
> .timeblock {padding-bottom: 1px;}
>
>...seems to do the trick in my Moz 1.7.12.
>
>There's also the often used...
>
> .timeblock {overflow: hidden;}
>
>...that Mozilla also reacts well on, but there are some negative
>side-effects with that one in Gecko-browsers.
>
>regards
> Georg
>
>
... and my FF1.07 is also happy with an other alternative from the toolbox:
.clearer {clear: both; height: 1px;} [1]
Is seems FF is denying an empty div with no dimensions; the 1px height
is enough.
- But IE is used to blow up all elements with small dimensions. Here IE
is supposing also non-text elements (as: empty div's) have the default
font-size and the default line-height...
To keep IE at the lesson, this has to be corrected:
.clearer {clear: both; height: 1px; font-size: 1px; line-height: 1px; }
But this doesn't work, if an IE visitor has overruled the
font-sizes clientside (IE accessibility mode: "ignore in webpages given
font-sizes"). Then the line is blown up again. The antidote here is
adding an empty comment in the html:
<div class="clearer"><!-- --></div>
For IE now it is "not an empty div", and "not empty elements haven't the
default font-size and line height"...you see the logic? ;-)
Greetings,
francky
("Every solution has it's problems"- Johan Cruyff)
[1]
In cases where the 1px height cannot be missed, it can be compensated
with a neg. margin-bottom of 1px. In this way the 1px exists ... and
doesn't exist. :-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
