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:264130
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Reply via email to