css wrapping

[smokey]

hi there im new to this and would like to learn how to wrap stuff in a container so basicly what i want to do is have a header at top obv then left menu the body and the right menu wrapped in a container together then a footer at the bottom obv lol hope someone can help me out

[legaleagle]

Try searching "3 col layout" there are lotts of tried and tested layouts and that could save lotts of time.

[Tzakuk]

Welcome Smokey. What you want to do is quite simple. I suggest that you head over to W3schools.com and start reading the tutorials there. Best of luck!

[rocknbil]

Before running off to W3 schools, which is **not** associated with w3.org in anyway, see birdbrain's comments in this thread [webmasterworld.com].

[Tzakuk]

@Rocknbil-

Thanks for the heads-up :)

[rocknbil]

Small adjustment: by setting overflow:hidden on #main, you don't need a clearing element (in most cases.) One less empty and meaningless element in your markup. :-) I'd personally also set img.screenshot inside a container with the class screenshot (P?), no bare elements in the flow.

[ansaripk]

Yes, its pretty simple and easy with 3 columns layout style.
1. create a wrapper for whole website.
2. create header, container and footer divs.
3. in container create 3 floating columns e.g. leftsidebar, contents and rightsidebar.

and just place the contents where you want in your case, menu in rightsidebar and so on.