I had major problems using css for layout so i dont think im gonna bother again until iv got lots of spare time on my hands!

__________________

Hi, I used a CSS template to build my web site and now want to personalise the template.
It's a standard three column template with a sidebar on the left, a content section in the centre and a sidebar on the right. As far as I can work out they are wrapped up in a `container' division.
I am using the content section as a place to insert further information about the site and placing the content below it, so effectively the content is in the lower part of the container section.
I would like to divide this lower part of the container section into two or three columns, and wonder how I should do it. It's a newspaper\magazine site and I'm trying to create newspaper type columns in it.
I can put the url up on the screen if this is ok, any help would be appreciated.

hey hey, I forgot all about this thread, i managed to do it in the end, turns out it isnt to bad to do.
Yeah go ahead and put the url up.
It sounds like you'd just want to float a box from one side to me but im no expert, lets have a look at ya site.

__________________

ok dddougal thanks,it's www.theskegnessnews.co.uk, take care, weaver
Oops, you'll also want to take a look at the CSS, which is:
body {font: normal 83% "tahoma", georgia, verdana, sans-serif; color: #68345; background: #CAE5FF url(skegness_clock_tower.gif) top left no-repeat scroll;}
h1 {margin: 0; color: #51262D; font-variant: small-caps;}
h3 {margin: 0; text-align: center; border-bottom: dashed 1px #CAE5FF; color: #51262d;}
a {color: #51262D; text-decoration: none;}
a:hover {color: #d6f29e; text-decoration: underline;}

.small {margin-left: 10px; font-size: 50%;}
.menu ul {margin: 0; margin-top: 4px; margin-bottom: 10px; padding: 0; list-style: none;}
.menu a {width: 93%; margin: 1px; padding: 2px; display: block; border: solid 1px #35484e; background-color: #CCFFFF; color: #35484e;}
.menu a:hover {background-color: #3333ff; color: #ffffff; text-decoration: none;}

.rightmenu {margin: 5px;}
.rightmenu ul {margin: 0; margin-top: 8px; margin-bottom: 8px; padding: 0; list-style: none;}
.rightmenu li {margin-top: 5px; marginbottom: 5px;}
.rightmenu a {color: #35484e;}
.rightmenu a:hover {color: #3333FF; text-decoration: underline;}

#header {margin-bottom: 25px; text-align: center;}
#topnav {margin-bottom: 25px; text-align: center;}
#left {float: left; width: 15%; margin-bottom: 25px; padding: 5px; background-color: #CCFFFF; border: solid 3px #CAE5FF;}
#left h3 {color: #35484e; border-bottom: dashed 1px #CAE5FF;}
#right {float: right; width: 23%; background-color: #CCFFFF; border: solid 3px #CAE5FF;}
#right h3 {color: #35484e; border-bottom: dashed 1px #CAE5FF;}
#content {margin-left: 18%; margin-right: 25%; padding: 5px; padding-left: 8px; padding-right: 8px; background-color: #D59D44; border: solid 3px #CAE5FF;}
#content p {text-align: left;}
#content a:hover {color: #3333FF;}
#footer {clear: both; margin-top: 25px; text-align: center;}