I've received a couple of good suggestions... thanks! The easiest fix appears to be (as Ricci suggested) to put the pull-quote first, before all of the other items. That bugs me on a semantics basis, though, since I consider the pull-quote as part of the content... also, it might be impractical based on the CMS-editable 'block' on the page. David's suggestion keeps things together semantically, but once I float my content, it gets removed from the flow, making it outstretch its wrapper div (at least in standards-compliant browsers). I'd like to avoid keeping the sidebar as one big item because of the way my content is organized... the sidebars will likely be separate cross-sells. If I wrap the divs in one big div, I still see the same issue.
** The thing I'm most interested in, though, is the WHY? I want to understand the rule that I've run afoul of so that I can avoid it in the future. ** I'm not getting 'float drop' caused by a too-wide element being forced down (least I don't think that's the case...) What nature of floats am I missing? Shouldn't the floated pull-quote float within its container and ignore the sidebar's dimensions? S:R -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ricci Angela Sent: Wednesday, May 25, 2005 11:13 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] the mysteries of float - i seek enlightenment Hi, Scott You have to put your quote before all like : <div class="pullquote"><p>pull-quote text</p></div> <div class="sidebar"><p>sidebar item 1. sidebar item 1. sidebar item 1. </p></div> <div class="sidebar"><p>sidebar item 2. sidebar item 2. sidebar item 2. </p></div> <div id="content"> <p>Ut labore et dolore magna aliqua. Ullamco laboris nisi lorem ipsum dolor sit amet, velit esse cillum dolore. Ut aliquip ex ea commodo consequat.</p> ... </div> </div> ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
