Hi Trevor,
On 03/09/07, trevor bayliss <[EMAIL PROTECTED]> wrote:
> CSS guru David Laakso very kindly gave me some code:
>
> br.both {
> clear : both;
> }
> br.right {
> clear : right;
> }
> br.left {
> clear : left;
> }
> .clear {
> height : 0;
> clear : both;
> }
This effectively defines some helper classes for "clearing" - making
sure that any floats are placed and further content appears below
them.
For example, with the following HTML extract:
<div style="float: left; width: 20em; background: #ccc; color: #000;">Left</div>
<div style="float: right; width: 20em; background: #ddd; color:
#000;">Right</div>
<div style="float: left; width: 20em; background: #eee; color:
#000;">Left again</div>
<div style="float: left; width: 20em; background: #eff; color:
#000;">Not floated</div>
try putting
<br class="both" />
at various points in between the lines. Then try <br class="left" />, etc.
http://www.quirksmode.org/css/clearing.html
Not quite sure about the "strict XHTML" part of your question though.
It applies to HTML4 just as well.
cheers,
Tom
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
