Yes, it came through. Thanks! Sandra Clark wrote: > 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:263092 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
