way new.. faux columns help

[reagan123]

okay please be patient.. this is my first shot at using css and found template i could somewhat understand.. i messed with it a bit but can not for the life of me get the pages columns to look the same length...
i've read a bunch on here about ways of doing this but have not had any luck.
can anyone look and see what i need to add to get this to work.

thanks,
shawn



<style type="text/css">
body {
margin:0;
padding:0;
font:76%/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align:center;
background: #ccc url(../images/bg_gray.gif) repeat-y 50% 0;
}

p { margin:0; }

#wrap {
width:760px;
\width:780px;
w\idth:760px;
border:1px solid #000000;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#header {
padding:10px;
margin-bottom: 0;
background-color:#000000;
border-bottom:1px solid #000000;
}

#content {
padding:10px;
margin-left:220px;
background-color:#999999;
border-left:1px solid #000000;

}

#nav {
float:left;
width:200px;
\width:220px;
w\idth:200px;
margin:0;
margin-right:0;
padding:10px;
background-color:red;
color:#000000;
background-image: url("images\bg_red.gif");
background-repeat: repeat-y;
}

#footer {
clear:both;
padding:10px;
margin-top:0;
background-color:#000000;
border-top:1px solid #000000;
}

</style>

[BonRouge]

It looks like you've misunderstood the idea behind faux columns. You've put background colours in your content and your nav, but the idea is for them to have no background really - the background is in the body (or in you case, the #wrap div).

See if this helps... (http://bonrouge.com/3c-hf-fixed.php)

[reagan123]

you are right.. i did misunderstand the way they are used... reading so much at one time over the last few days got me all mixed up...

thanks so much for your link... it is starting to make sense now... i'll see what i can do from here. :)

thanks again for the help!!!!