homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

css wrapping

 3:14 pm on May 29, 2012 (gmt 0)

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



 9:52 pm on Jun 10, 2012 (gmt 0)

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


 1:49 pm on Jun 11, 2012 (gmt 0)

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!


 5:13 pm on Jun 11, 2012 (gmt 0)

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


 6:14 pm on Jun 11, 2012 (gmt 0)


Thanks for the heads-up :)


 2:53 pm on Jun 16, 2012 (gmt 0)

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.


 11:12 am on Jun 18, 2012 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved