Jake I answered your question earlier, but I don't know if it ever went through.
To contain something that is floated, float the parent as well. Sandra Clark ============================== http://www.shayna.com Training in Cascading Style Sheets and Accessibility -----Original Message----- From: Jake Churchill [mailto:[EMAIL PROTECTED] Sent: Wednesday, December 06, 2006 12:00 PM To: CF-Talk Subject: calling all CSS gurus I have a problem that I've had on multiple occasions and I'm sick of hacking it. I need some help. The problem can be seen at http://dialsmi.cfwebtools.com/jake.cfm. The problem is that the div id contentWrap contains the div id sideNav and div id content. contentWrap has a blue background, content a red background and the sideNav is the menu links on the left. The problem is that the menu extends below the contentWrap and I thought that contentWrap would wrap around everything it contained. So, how in the world do I go about getting content wrap to wrap around the sideNav as well? Here's the code: <body id="typeB"> <div id="wrap"> <div id="header"> <div style="margin-left:300px;"> <a href="/index.cfm?objectid=5491AFF2-9027-F64A-7993A956A7E10AE6"><img src="/wsimages/employmentButton.gif"></a> <span style="width:20px;"> </span> <a href="/index.cfm?objectid=54937F73-9027-F64A-797505E1D361DAEC"><img src="/wsimages/contactUsButton.gif"></a> </div> </div> <div id="contentWrap"> <div id="sideNav"> <ul id="nav"><li><a href="/"><span id="shadow">Home</span><span id="text">Home</span></a></li><li ><a href="/index.cfm?objectid=5487BAEB-9027-F64A-799A1A29E723B693"><span id="shadow">Company</span><span id="text">Company</span></a></li><li ><a href="/index.cfm?objectid=5487BAFA-9027-F64A-793380B58CA5C17F"><span id="shadow">Communities</span><span id="text">Communities</span></a></li><li class="active"><a href="/index.cfm?objectid=586F1BB5-9027-F64A-791209B9FD2878EC"><span id="shadow">News</span><span id="text">News</span></a><li class=subItem><a href="/index.cfm?objectid=586F1BD4-9027-F64A-79F7516491A44872"><span id="shadow1">Press Releases</span><span id="text1">Press Releases</span></a><li class=subItem><a href="/index.cfm?objectid=586F1BE3-9027-F64A-79CAD1CE5870CFC9"><span id="shadow1">New Locations</span><span id="text1">New Locations</span></a></li><li ><a href="/index.cfm?objectid=53A526B3-9027-F64A-791C7F0E2300AC45"><span id="shadow">Contacts</span><span id="text">Contacts</span></a></li></ul> </div> <div id="content"> <h1>News</h1> </div> <div style="clear:both;"></div> </div> </div> </body> Here is the CSS #header { height:219px; margin:50px 10 10 10; background-image: url('/wsimages/DialSeniorManagement.jpg'); background-repeat:no-repeat; background-position: center; } #wrap { align:center; } #nav {width: 169px; padding: 0;margin: 0;list-style: none;line-height: 1;} #nav ul {width: 169px;list-style: none;line-height: 1} #nav {height: 1.6em;} #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer} #nav a:link {color:#fff} #nav a:visited {color:#fff} #nav a:hover,a:active {background-color:#336699;} #nav a {display: block;background:#999999;padding: 4px 10px;position: relative;} #nav li {border-bottom: 1px dashed #CCCCCC;margin: 0;} #shadow {color:#666666; position:absolute; left: 12px; top:6px; } #text {color:#FFFFFF;position: relative; top:0; left:0;} #shadow1 {color:#666666; position:absolute; left: 29px; top:6px; } #text1 {color:#FFFFFF;position: relative; top:0; left:0;} #nav li li {float: none;border-bottom:1px solid #3F6AB7} #nav li ul {background: #999999;font-weight:normal;width: 10em;} #nav li.active ul li a{background: #999999;font-weight:normal;position: relative;} #nav li:hover ul, #nav li.sfhover ul {left: auto} #nav li.active a {background:#336699;filter:shadow;} #nav li.subItem a{background: #999999; padding-left:2em;} #nav li.subItem a:hover{background: #336699;} #nav li.activeSubItem a{background: #336699; padding-left:2em;} #nav li.activeSubItem a:hover{background: #336699;} #nav li.active li {border-bottom:1px solid #333} #sideNav { width:169px; float:left; margin-bottom:50px; } /* =LAYOUT TYPE B */ #typeB #contentWrap { background: blue url("../wsimages/content_wrap_dial_2col.gif") repeat-y 0 0; margin: auto; width: 799px; text-align: left; clear:both; } #typeB #utility { float:left; width:165px; margin-top:0px; } #typeB #content { width:600px; background-color:red; float:left; margin:0px 0px 20px 15px; } -- Jake Churchill CF Webtools 11204 Davenport, Ste. 200b Omaha, NE 68154 http://www.cfwebtools.com 402-408-3733 x103 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| 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:263089 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
