This would not necessarily be the cause of your CSS issues, but I noticed from your code that you have multiple elements on the page with id="shadow". While this will work in most browsers, its not standards compliant and could possibly give you problems in the future. Try changing it to class="shadow" and then changing your CSS to .shadow instead of #shadow.
On 12/6/06, Jake Churchill <[EMAIL PROTECTED]> wrote: > > 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:263083 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
