Forum Moderators: not2easy
#sidenav {
margin-top:10px;
margin-left:10px;
float:left;
width:180px;
padding:10px;
text-align:center;
border-right:#59574a dashed 1px;}
#sidenav ul { margin-top:10px;}
#sidenav ul li {
margin-bottom:10px;}
#sidenav a:hover{text-decoration:underline;}
#content {
float:left;
width:500px;
margin-top:15px;
line-height:15px;
margin-left:20px;}
#content a, #content p {
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;
line-height:15px;}
#content a {
color:#000066;
text-decoration:none;}
#content a:hover,#content a:focus{
text-decoration:underline;}
-------------------------------------------
XHTML
<div id="contentwrapper">
<div id="sidenav">
<!-- SOME CODE HERE -->
</div>
<div id="content">
<!-- SOME CODE HERE -->
</div>
<br class="clearfloat" />
</div>
------------------------------------------------
Does anybody brilliant minds could help me to fix this problem. Thanks ahead .....
Try removing the height:auto from the background.
Marshall
It does not hurt to add height: 100% to the container either, though this is iffy.
Marshall
[edited by: Marshall at 11:39 am (utc) on Sep. 7, 2007]
Brilliant! your solution is effective I add height:100% to the content wrapper.
Thank you very much. This is a big help to me!:):):)
Marshall
