Welcome to WebmasterWorld Guest from 54.167.86.211

Forum Moderators: incrediBILL

Message Too Old, No Replies

css wrapping

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

New User

joined:May 29, 2012
posts: 2
votes: 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 June 10, 2012 (gmt 0)

Junior Member

joined:June 5, 2012
posts:49
votes: 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 June 11, 2012 (gmt 0)

New User

joined:June 5, 2012
posts: 8
votes: 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 June 11, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 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 June 11, 2012 (gmt 0)

New User

joined:June 5, 2012
posts: 8
votes: 0


@Rocknbil-

Thanks for the heads-up :)
2:53 pm on June 16, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 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 June 18, 2012 (gmt 0)

New User from PK 

joined:June 8, 2012
posts: 3
votes: 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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members