Sent by Big John on 11 July 2004 00:12
Adam Wodon wrote:
> Sure ... but as far as I can tell, one "real" column with two floated
> columns would also work.
>
> And you don't need all 3 to be floats to solve the footer situation ...
> because if either of the 2 floated columns are longest, the "clear"
> would take care of it ... and if the "real" column is longest, the
> footer would just come naturally.
The reaon for the move to all-float col designs is that IE/win
has some really nasty float bugs, but these bugs almost invariably
appear in/on the static elements following the floats. See:
http://positioniseverything.net/explorer/threepxtest.html
By avoiding having any static float followers that appear beside
the float, that "bug" and the IE float model as well are both
non-issues. Sometimes a tight-fitting all-float col layout will
drop the last float in IE, and that also is due to the 3px bug.
However, that bug version is easily defeated by a simple -3px
margin on the right side of the last float, or vice versa for
right floats.
These all-float layouts usually work very well in IE5+/win/mac,
and all the other modern browsers too. Mozilla occasionally has
clearing problems, but in those cases there are always other
ways to clear that do work. IE/win can shatter a float layout
when too-wide content makes IE wrongly widen a float, but in
the case of long words, a simple 'word-wrap: break-word;' on
the offending element will force IE to snap off the long word
before any damage is done.
That property is proprietary, so to validate you must hide it in
a "conditional comment"(tm). Of course wide images will still
break the layout, but hey, nothing's perfect.
Big John
=====
--
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
__________________________________
Do you Yahoo!?
Yahoo! Mail - 50x more storage than other providers!
http://promotions.yahoo.com/new_mail
______________________________________________________________________
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/
