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

HTML Forum

    
css wrapping
smokey



 
Msg#: 4459606 posted 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

 

legaleagle



 
Msg#: 4459606 posted 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.

Tzakuk



 
Msg#: 4459606 posted 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!

rocknbil

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



 
Msg#: 4459606 posted 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].

Tzakuk



 
Msg#: 4459606 posted 6:14 pm on Jun 11, 2012 (gmt 0)

@Rocknbil-

Thanks for the heads-up :)

rocknbil

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



 
Msg#: 4459606 posted 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.

ansaripk



 
Msg#: 4459606 posted 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