...

View Full Version : 3 column layout help



Technaut
01-14-2010, 11:26 AM
Please forgive me if I dont explain this properly, Im still a noob.

I have tried to code my own 3 column layout using php files and css. The problem I am having is the columns on the left and right hand side are stuck to the sides of the screen. I would rather they hugged the column in the middle. Hope that makes sense.

Here is the CSS:



#leftnav {

float: left;
width: 200px;
height: 100%;
border-right: none;

}


#rightnav {

float: right;
width: 200px;
height: 100%;
border-left: none;

}

#body {

margin: auto;
width: 800px;
height: 100%;
padding: 10px 0px 0px 10px;


}

I take it you guys can make sense of that code. I have tried removing the float, taking away the width. My trial and erros just isnt coming up with the solution :/

abduraooft
01-14-2010, 11:43 AM
Like http://bonrouge.com/3c-hf-fixed.php?

Technaut
01-14-2010, 11:47 AM
yeah like that, is this one fixed instead of fluid?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum