Hi,
I am trying to make a 3 column layout with HTML and CSS.
I have a container div, left, center and right (as you would imagine). Now, the left and center are great, but the right, doesn't go where it should - by that, i mean that the top of the content for the right section sits at the bottom of the content section.
Live example: www.activityx.co.uk/3
Below is my code:
HTML Code:
#content {
width:800px;
padding:1em;
overflow: hidden;
/*margin:auto;*/
}
#contentLeft {
float:left;
width:200px;
margin:0;
padding:1em 0 1em 1em;
}
#contentCenter {
max-width:350px;
margin-left:200px;
margin-right:200px;
padding:1em;
}
#contentRight {
float:right;
width:200px;
padding:1em;
}
|
