As a suggestion ... have a look through Twenty Ten.<br><br>The "clear: both;" property is used in several CSS elements with no "empty div" that I noticed (day job doesn't let me really look for long periods of time)<br>
<br><div class="gmail_quote">On Wed, Sep 1, 2010 at 9:28 AM, Chip Bennett <span dir="ltr"><<a href="mailto:chip@chipbennett.net">chip@chipbennett.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
p.s. Phil - regarding specific markup recommendations: this is *exactly* the kind of thing that would be great for your Theme Review "Knowledge Base".<div><br></div><div>Chip<div><div></div><div class="h5"><br><br>
<div class="gmail_quote">On Wed, Sep 1, 2010 at 8:27 AM, Chip Bennett <span dir="ltr"><<a href="mailto:chip@chipbennett.net" target="_blank">chip@chipbennett.net</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">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><font color="#888888">Chip</font><div><div></div><div><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 class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
<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: 2px solid rgb(0, 0, 0); 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: none repeat scroll 0% 0% rgb(228, 228, 228);"><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: 1px solid rgb(204, 204, 204); 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: 2px solid rgb(0, 0, 0); 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: none repeat scroll 0% 0% 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: 1px solid rgb(204, 204, 204); 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 size="2" color="#a31515"><font size="2" color="#a31515">
<p>.clear-margins</p></font></font><font size="2">{
<p></p></font><font size="2" color="#ff0000"><font size="2" color="#ff0000">clear</font></font><font size="2">: </font><font size="2" color="#0000ff"><font size="2" color="#0000ff">both</font></font><font size="2">;
<p></p></font><font size="2" color="#ff0000"><font size="2" color="#ff0000">height</font></font><font size="2">: </font><font size="2" color="#0000ff"><font size="2" color="#0000ff">0</font></font><font size="2">;
<p></p></font><font size="2" color="#ff0000"><font size="2" color="#ff0000">line-height</font></font><font size="2">: </font><font size="2" color="#0000ff"><font size="2" color="#0000ff">0</font></font><font size="2">;
<p></p></font><font size="2" color="#ff0000"><font size="2" color="#ff0000">font-size</font></font><font size="2">: </font><font size="2" color="#0000ff"><font size="2" color="#0000ff">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: 2px solid rgb(0, 0, 0); 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: none repeat scroll 0% 0% 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></div></div>
</blockquote></div><br></div></div></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>