2 column help [Archive] - WebDeveloper.com

tobyc

07-25-2006, 12:22 PM

Hi,

ive been trying to make my left nav stretch as far as the main nav when it resizes to fit the content in. im getting mixed results in different browsers for FF the nav stretches to the bottom but the content isnt fully stetching the main nav and in IE the content strecthes the main nav but the left nav doesnt stretch to the bottom.

Here is the example so you can see for yourself

http://pmtafeit.midcoast.com.au/students/toby/testsite/

any help would be greatly apprieciated

Cheers

The Little Guy

07-25-2006, 12:39 PM

Here is one I made
You will need to change the colors and stuff.. but here it is:
<html>
<head>
<style>
.container{
float:left;
width:60%;
margin-left:10px;
margin-top:10px;
}
.head{
background-color:#FC0;
height:50px;
width:100%;
padding:5px;
}
.left{
padding:5px;
float:left;
background-color:#f1f;
width:100%;
}
.left_content{
width:28%;
float:left;
}
.right{
float:right;
background-color:#FFF;
width:70%;
}
</style>
</head>
<body>
<div class="container">
<div class="head">
 
</div>
<div class="left">
<div class="right">
<h1>Your Text Goes HERE</h1>
</div>
<div class="left_content">
Your Links Go Here
</div>
</div>
</div>
</body>
</html>