1 Vote Vote

Columns Not Working

Posted by topdog 760 days ago Questions| width align text All
Hey all,

I was using css and div tags to bascially make a 3 column header and a 3 column body.

this is my site for reference http://marketingtechie.com/index-test.asp

this is my css file

/* CSS layout */
body {
margin: 0;
padding: 0;
}

#masthead {
width:1050px;
clear:both;
}

#left_nav {
width: 25%;
float:left;
text-align:left;
vertical-align:text-bottom;
}
#right_nav{
text-align:right;
float:right;
width: 25%;
vertical-align:text-bottom;
}
#center_nav{
width:50%;
text-align:center;
font-size:xx-large;
vertical-align:text-bottom;
}

#container {
color:green;
width: 1050px;
}

#left_col {
width: 170px;
float: left;
text-align:center;
color:green;
}
#right_col {
float:right;
width: 155px;
text-align:center;
}
#page_content{
width: 725px;
text-align:center;
}

The body is contained by the id container but as you can see in my sight, instead of columns they are all basically stacking on top of one another. Can anyone tell me what I did wrong?

Thanks
Discuss Bury


Who Voted for this Question