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