You can also float the parent, which will then contain the floated children.
Sandra Clark ============================== http://www.shayna.com Training in Cascading Style Sheets and Accessibility -----Original Message----- From: Andy Matthews [mailto:[EMAIL PROTECTED] Sent: Friday, December 15, 2006 10:57 AM To: CF-Talk Subject: RE: CSS, border-bottom is on top That's because you're floating the two divs contained within header2section. When you float an item you take it out of the normal page flow, which means that as far as header2section is concerned, it has no contents. Try putting a height on header2section (assuming that the height of the two inside divs is fixed. <!----------------//------ andy matthews web developer certified advanced coldfusion programmer ICGLink, Inc. [EMAIL PROTECTED] 615.370.1530 x737 --------------//---------> -----Original Message----- From: Jacob Munson [mailto:[EMAIL PROTECTED] Sent: Friday, December 15, 2006 9:48 AM To: CF-Talk Subject: CSS, border-bottom is on top I suck at CSS. This seems simple enough, but I want to avoid using tables. I want to have code like this: <div class="header2Section"> <div class="header2Left">left content</div> <div class="header2Right">right content</div> </div> where header2Left is left aligned, and header2Right is right aligned, but those two divs need to be next to each other horizontally, and /not/ screw up the alignment of the other items around them. Here's what I've got now, and it seems to work except that the border-bottom of headerSection appears at the top of this header! ....header2Section { border-bottom: 1px dotted #414D66; padding-left: 10px; margin-right: 20px; margin-left: 10px; margin-bottom: 30px; } ....header2Left { float: left; text-align:left; } ....header2Right { float: right; text-align:right; } Any ideas? -- My Sites: http://www.techfeed.net/blog/ http://www.cfquickdocs.com/ http://cfformprotect.riaforge.org/ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Create robust enterprise, web RIAs. Upgrade & integrate Adobe Coldfusion MX7 with Flex 2 http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:264139 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
