Using overflow:autumn on the parent element *will* effectively clear floats in contained elements. It causes the parent to expand to contain the floats.<div><br></div><div>I do use sidebar-content-sidebar layout. It's actually content-sidebar-sidebar, that I modify to sidebar-content-sidebar, depending on context (i.e. Pages). I have never noticed any issues with floats not clearing properly.</div>
<div><br></div><div>Chip<br><br><div class="gmail_quote">On Wed, Sep 1, 2010 at 8:40 AM, Philip M. Hofer (Frumph) <span dir="ltr"><<a href="mailto:philip@frumph.net">philip@frumph.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div bgcolor="#ffffff">
<div><font size="2" face="Arial">overflow: auto; has no place in this at all,
whatsoever.</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">You have to clear inside the container that
the_content() is using, there's no other way around it.</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial"></font> </div>
<blockquote style="border-left:#000000 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px"><div class="im">
<div style="font:10pt arial">----- Original Message ----- </div>
<div style="font:10pt arial;background:#e4e4e4"><b>From:</b>
<a title="chip@chipbennett.net" href="mailto:chip@chipbennett.net" target="_blank">Chip
Bennett</a> </div>
<div style="font:10pt arial"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a>
</div>
</div><div><div></div><div class="h5"><div style="font:10pt arial"><b>Sent:</b> Wednesday, September 01, 2010 6:37
AM</div>
<div style="font:10pt arial"><b>Subject:</b> Re: [theme-reviewers] Clearing
Floats</div>
<div><br></div>Huh?
<div><br></div>
<div>Oh, you mean, I left out the overflow:auto?</div>
<div><br></div>
<div>Chip<br><br>
<div class="gmail_quote">On Wed, Sep 1, 2010 at 8:32 AM, Philip M. Hofer
(Frumph) <span dir="ltr"><<a href="mailto:philip@frumph.net" target="_blank">philip@frumph.net</a>></span> wrote:<br>
<blockquote style="border-left:#ccc 1px solid;margin:0px 0px 0px 0.8ex;padding-left:1ex" class="gmail_quote">
<div bgcolor="#ffffff">
<div><font size="2" face="Arial">That will not work.</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">Your effecting the direct start of the div and
not what it contains.</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">- Phil</font></div>
<blockquote style="border-left:#000000 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px">
<div>
<div style="font:10pt arial">----- Original Message ----- </div>
<div style="font:10pt arial;background:#e4e4e4"><b>From:</b> <a title="chip@chipbennett.net" href="mailto:chip@chipbennett.net" target="_blank">Chip Bennett</a> </div>
<div style="font:10pt arial"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a> </div></div>
<div>
<div></div>
<div>
<div style="font:10pt arial"><b>Sent:</b> Wednesday, September 01, 2010
6:27 AM</div>
<div style="font:10pt arial"><b>Subject:</b> Re: [theme-reviewers]
Clearing Floats</div>
<div><br></div>Semantically, a parent container around
the_content()/the_excerpt() would be more correct. e.g.
<div><br></div>
<div><div class="post-content"></div>
<div>...the_content()/the_excerpt</div>
<div></div></div>
<div><br></div>
<div>.post-content {</div>
<div> clear:both;</div>
<div>}</div>
<div><br></div>
<div>But again: I don't think we should be making *any* specific markup
recommendations regarding how the guideline is achieved. Simply state that
the markup must ensure that floats introduced via
the_content()/the_excerpt() must be cleared. (IMHO)</div>
<div><br></div>
<div>Chip<br><br>
<div class="gmail_quote">On Wed, Sep 1, 2010 at 8:24 AM, Philip M. Hofer
(Frumph) <span dir="ltr"><<a href="mailto:philip@frumph.net" target="_blank">philip@frumph.net</a>></span> wrote:<br>
<blockquote style="border-left:#ccc 1px solid;margin:0px 0px 0px 0.8ex;padding-left:1ex" class="gmail_quote">
<div bgcolor="#ffffff">
<div><font size="2" face="Arial">Nevertheless it needs to be done after
the_content() is displayed, ya</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">- Phil</font></div>
<div> </div>
<blockquote style="border-left:#000000 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px">
<div>
<div style="font:10pt arial">----- Original Message ----- </div>
<div style="font:10pt arial;background:#e4e4e4"><b>From:</b> <a title="edward.caissie@gmail.com" href="mailto:edward.caissie@gmail.com" target="_blank">Edward Caissie</a> </div>
<div style="font:10pt arial"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a> </div></div>
<div>
<div></div>
<div>
<div style="font:10pt arial"><b>Sent:</b> Wednesday, September 01,
2010 6:22 AM</div>
<div style="font:10pt arial"><b>Subject:</b> Re: [theme-reviewers]
Clearing Floats</div>
<div><br></div>I use the "empty div" method myself ... either with
inline style or with class="clear" or "clear-float".<br><br>My
preference would be to use the latter with the more obvious
class="clear-float" element.<br><br><br>Cais.<br><br>
<div class="gmail_quote">On Wed, Sep 1, 2010 at 9:15 AM, Philip M. Hofer
(Frumph) <span dir="ltr"><<a href="mailto:philip@frumph.net" target="_blank">philip@frumph.net</a>></span> wrote:<br>
<blockquote style="border-left:rgb(204,204,204) 1px solid;margin:0pt 0pt 0pt 0.8ex;padding-left:1ex" class="gmail_quote">
<div bgcolor="#ffffff">
<div><font size="2" face="Arial">The <br method is considered a
hack. while the <div is not.</font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial">- Phil</font></div>
<blockquote style="border-left:rgb(0,0,0) 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px">
<div>
<div style="font:10pt arial">----- Original Message ----- </div>
<div style="font:10pt arial;background:rgb(228,228,228)"><b>From:</b>
<a title="chip@chipbennett.net" href="mailto:chip@chipbennett.net" target="_blank">Chip Bennett</a> </div>
<div style="font:10pt arial"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a> </div></div>
<div>
<div></div>
<div>
<div style="font:10pt arial"><b>Sent:</b> Wednesday, September
01, 2010 6:13 AM</div>
<div style="font:10pt arial"><b>Subject:</b> Re:
[theme-reviewers] Clearing Floats</div>
<div><br></div>I like this approach better (if we need to make
specific recommendations at all.
<div><br></div>
<div>And, regarding the matter being only "semantics" - well,
yeah; that's the point. Markup is *supposed* to be semantic.</div>
<div><br></div>
<div>Chip<br><br>
<div class="gmail_quote">On Wed, Sep 1, 2010 at 8:09 AM, Philip M.
Hofer (Frumph) <span dir="ltr"><<a href="mailto:philip@frumph.net" target="_blank">philip@frumph.net</a>></span> wrote:<br>
<blockquote style="border-left:rgb(204,204,204) 1px solid;margin:0px 0px 0px 0.8ex;padding-left:1ex" class="gmail_quote">
<div bgcolor="#ffffff">
<div><font size="2" face="Arial">Coincidently you can do <br
class="clear-margins" /></font></div>
<div><font size="2" face="Arial"></font> </div>
<div><font size="2" face="Arial"><font color="#a31515" size="2"><font color="#a31515" size="2">
<p>.clear-margins</p></font></font><font size="2">{
<p></p></font><font color="#ff0000" size="2"><font color="#ff0000" size="2">clear</font></font><font size="2">: </font><font color="#0000ff" size="2"><font color="#0000ff" size="2">both</font></font><font size="2">;
<p></p></font><font color="#ff0000" size="2"><font color="#ff0000" size="2">height</font></font><font size="2">: </font><font color="#0000ff" size="2"><font color="#0000ff" size="2">0</font></font><font size="2">;
<p></p></font><font color="#ff0000" size="2"><font color="#ff0000" size="2">line-height</font></font><font size="2">: </font><font color="#0000ff" size="2"><font color="#0000ff" size="2">0</font></font><font size="2">;
<p></p></font><font color="#ff0000" size="2"><font color="#ff0000" size="2">font-size</font></font><font size="2">: </font><font color="#0000ff" size="2"><font color="#0000ff" size="2">0</font></font><font size="2">;
<p>}</p>
<p>and look, it's no longer an empty div.</p>
<p> </p></font></font></div>
<blockquote style="border-left:rgb(0,0,0) 2px solid;padding-left:5px;padding-right:0px;margin-left:5px;margin-right:0px">
<div>
<div style="font:10pt arial">----- Original Message -----
</div>
<div style="font:10pt arial;background:rgb(228,228,228)"><b>From:</b>
<a title="chip@chipbennett.net" href="mailto:chip@chipbennett.net" target="_blank">Chip
Bennett</a> </div>
<div style="font:10pt arial"><b>To:</b> <a title="theme-reviewers@lists.wordpress.org" href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a> </div>
<div style="font:10pt arial"><b>Sent:</b> Wednesday,
September 01, 2010 6:06 AM</div>
<div style="font:10pt arial"><b>Subject:</b>
[theme-reviewers] Clearing Floats</div>
<div><br></div></div>
<div>
<div></div>
<div>I've noticed on several reviews, the recommendation to
add a "clearfix" <div> beneath
the_content()/the_excerpt().
<div><br></div>
<div>I'm wondering: should we *really* be making this
recommendation? I've always considered an empty div whose sole
purpose for existence is to ensure that floats are cleared to
be a method of last resort.</div>
<div><br></div>
<div>I'm just wondering, since we don't make many other
markup-practice recommendations with respect to conformance to
the Guidelines. Might it be better simply to state "ensure
that floats introduced by the_content()/the_excerpt() are
cleared"?</div>
<div><br></div>
<div>Chip</div></div></div>
<p></p>
<hr>
<div>
<p></p>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
</div>
<p></p></blockquote></div><br>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>
<p></p>
<hr>
<p></p>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
</div></div></blockquote></div><br>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br>
<p></p>
<hr>
<p></p>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<p></p></div></div></blockquote></div><br>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>
<p></p>
<hr>
<p></p>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<p></p></div></div></blockquote></div><br>_______________________________________________<br>theme-reviewers
mailing list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>
<p>
</p><hr>
<p></p>_______________________________________________<br>theme-reviewers
mailing
list<br><a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br><a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<p></p></div></div></blockquote></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div>