layout issues - 3 column

[Technaut]

Hi folks,

 

I am trying to create a site which has 3 columns that are side by side each other. ie left column with menus, middle part with content and right menu with banners/menus.

 

Here is the html:-

 

<div id=container>

    <div id="leftnav">

    </div>

    <div id="rightnav">

</div>

    <div id="content">

</div>

 

here is the css:-

 

#container {

    margin: none;

    width: 100%;

    border: none;

}

#leftnav {

    float: left;

    width:20%;

    padding: 5px;

    margin:0;

   

   

}

#rightnav {

    width: 20%;

    float:right;

    padding: 5px;

    margin:0;

   

   

}

#content

{

margin: 0 180px 0 180px;

    padding: 1em;

    border-left: none;

    border-right: none;

    font-family:  "Times New Roman",sans-serif ,arial, helvetica;

    font-size: 1.0em;

    line-height: 1.6em;

 

}

 

 

The problem is that if I put anything in the leftnav html section this displays on the left hand side above the content. The content seems to start after the leftnav instead of beside it if you know what I mean

 

 

[wildteen88]

You need to float the #content div to the left too.Otherwise it will display below your left and right columns.

[haku]

You're also missing a closing div tag.

[jcombs_31]

You have the width of your left/right columns set to 20%, but then you are declaring the margins on your center column to 180px.  You can get away with your technique if you fix the columns to a fixed width 180px-.  Don't forget about the box model either because you are also applying padding.

[Technaut]

higuys,

 

Thanks for the tips so far.

 

I input the missing closing /div

changed the width of the left and right columns to 180px

 

The problem is now I had some tables below containing images etc. These images were always meant to be at the bottom of the page, when I change the float the layout of all of these images is now out of place.

 

Is there any obvious reason why that would happen or shoudl i post the code for the images etc too?