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 column layout

hi,
I'm having a bit of trouble with my first site in css. i cant seem to align the content side by in the main section. This section uses Horizontal scrolling, which is causing some probs- if i switch to absolute positioning the scroll bar goes through the header and if i use relative i get 2 scroll bars. i would really appreciate any help or pointers?

Dan will help you with the code for the layout - I'll give you the basics.
You can either float both columns ( 2 floated elements will stack against each other if the combined widths of the element don't exceed 100&#37; ).

Or you can float 1 column and leave the other in the normal flow with a margin equal to the width of the column. In this case the float needs to be first in the html.

I think your clearheader div is doing what you would expect and clearing the left column. This could be why the columns aren't side by side.