<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18928">
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT size=2 face=Arial>Right, then you should know that clearing the
containing div float will not work for what happens after the inside of the
containers gets affected by another float. What in essence you're doing
with the</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial>sidebar column sidebar - themes is basically
making the column area lose it's float</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV><FONT size=2 face=Arial>give it a try sometime.</FONT></DIV>
<DIV><FONT size=2 face=Arial></FONT> </DIV>
<DIV> </DIV>
<BLOCKQUOTE
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px">
<DIV style="FONT: 10pt arial">----- Original Message ----- </DIV>
<DIV
style="FONT: 10pt arial; BACKGROUND: #e4e4e4; font-color: black"><B>From:</B>
<A title=chip@chipbennett.net href="mailto:chip@chipbennett.net">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">theme-reviewers@lists.wordpress.org</A>
</DIV>
<DIV style="FONT: 10pt arial"><B>Sent:</B> Wednesday, September 01, 2010 6:31
AM</DIV>
<DIV style="FONT: 10pt arial"><B>Subject:</B> Re: [theme-reviewers] Clearing
Floats</DIV>
<DIV><BR></DIV>Some great information from our friends at CSS-Tricks:
<DIV><A
href="http://css-tricks.com/all-about-floats/">http://css-tricks.com/all-about-floats/</A></DIV>
<DIV><BR></DIV>
<DIV><A href="http://css-tricks.com/all-about-floats/"></A>Anyway, enough of
this tomfoolery that I started. I'll go find a Theme to review. :)</DIV>
<DIV><BR></DIV>
<DIV>Chip<BR><BR>
<DIV class=gmail_quote>On Wed, Sep 1, 2010 at 8:28 AM, Chip Bennett <SPAN
dir=ltr><<A
href="mailto:chip@chipbennett.net">chip@chipbennett.net</A>></SPAN>
wrote:<BR>
<BLOCKQUOTE
style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex"
class=gmail_quote>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
style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex"
class=gmail_quote>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
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></DIV></DIV></BLOCKQUOTE></DIV><BR></DIV></DIV></DIV></BLOCKQUOTE></DIV><BR></DIV>
<P>
<HR>
<P></P>_______________________________________________<BR>theme-reviewers
mailing
list<BR>theme-reviewers@lists.wordpress.org<BR>http://lists.wordpress.org/mailman/listinfo/theme-reviewers<BR></BLOCKQUOTE></BODY></HTML>