PDA

View Full Version : Height issue on left menu



jarv
Jan 21st, 2010, 11:42 AM
on my website: http://migration3.warrencreative.com

I need to show the left nav extend to the bottom, so 100% of the #maincontent div.

Can someone please help?

thanks

left nav


<div id="leftnavigation">
<div id="leftmenu">
<%
While NOT rs.EOF
response.write(delim)
rsID = rs("ID")
'rsPageTitle = rs.Fields.Item("PageTitle").Value
'rsLinkName = getAddress & "index.asp?pageID=" & qsPageID & "&catID=" & rsID & "&display=thumb"
%>
<a href="http://migration3.warrencreative.com/index.asp?pageID=97&col_category=<%= rsID %>&display=thumb" title="<%=(rsPageTitle)%>" class="<%=IIF(cint(rsLinkName)=cint(rsID),"on","off")%>" ><%=(ucase(rs("CName")))%></a>
<%
delim = "<br /><img src=""http://migration3.warrencreative.com/images/build/collectiondelim.png"" />"
rs.MoveNext() :: Wend
%>
<br /><img src="http://migration3.warrencreative.com/images/build/collectiondelim.png" />
</div>
<div class="cl">&nbsp;</div>
<div id="pclogo">&nbsp;</div>
<div class="cl">&nbsp;</div>
</div>

css


.cl {
clear: both;
background-repeat:repeat-y;

}
#leftnavigation {
float:left;
font-size: 10px;
background-color:#D9CEBB;
height:inherit;
}

#leftmenu {
width:133px;
padding-top:30px;
padding-right:20px;
padding-bottom:0px;
padding-left:20px;
font-size: 10px;

}

#pclogo {
width:66px;
background-color:#D9CEBB;
background-image:url('../images/build/pclogo.png');
margin:30px 20px 0px 20px;
background-position:bottom left;
background-repeat:no-repeat;
height:89px;
}

abduraooft
Jan 21st, 2010, 11:52 AM
on my website: http://migration3.warrencreative.com

I need to show the left nav extend to the bottom, so 100% of the #maincontent div.
I don't see any such "left nav" there!

harrierdh
Jan 21st, 2010, 03:54 PM
There is a good article here about that. It might solve your problem.

http://www.positioniseverything.net/articles/onetruelayout/equalheight