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
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"farcry-dev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/farcry-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
