The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

2 columns problem

I am getting better at all thing css but i currently have a problme which I cant solve. This is what I want

I have a 660px wide container called #content. I want this split into 2 sections: #top and #bot.

#top has 2 sections of its own. #top_left and #top_right which I both want to be 330px in size with a 1 px grey line runing verticaly between them. They are side by side. Both #top_left and #top_right have a left and right margin of 10px.

Between #top and #bot there should be a 1px horzontal line grey in colour. This should form an upside down T with the verticle line between #yop_left and #top_right.

The idea is that no matter how big #top_left and top_right is there section in comparsion stay the same size.

Your link wasn't working so I couldn't see what you'd already got. If I understand you correctly then it sounds as though you are going the right way about it.

Just float a container left and a container right. These should both be inside the same parent container. Repeat the background image down down the centre of the outer container to get your everlasting border.

Put a border bottom on the outer container and include a clearing div before the closing div of the outer. Thats about all there is to it.