Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

Possible Duplicate:
How to create this 3-columns fluid layout?

I'm new to HTML/CSS and I'm having a hell of a time getting things to lay out like I'd expect them to! It would be really helpful if there was a gallery of very simple HTML example that covered a lot of common cases. For instance:

  • How do I get a liquid main area with a fixed sidebar on the right, (or left, or both sides)?
  • How do I keep my footer from sliding under the main area when the screen is too wide?
  • Etc.

Surely several such websites exist, but I'm having trouble finding one that's really helpful to me right now. Do you have any recommendations?

Note, I'm new on this site, so if this question belongs on a different Stack Exchange website, then please direct me there.

share|improve this question
1  
Yes, Stack Overflow is the right place for coding stuff stackoverflow.com And I believe that if you search for this there, you would find answers. –  Joonas Dec 1 '11 at 20:36
    
Not really individual sites, but google can usually answer you for that. For instance, google "two column liquid layout with fixed sidebar". –  DA01 Dec 1 '11 at 21:52
    
Oh, and this question would be applicable to StackOverflow as well. –  DA01 Dec 1 '11 at 21:53
    
As for tools, you might want to search for CSS frameworks, see: net.tutsplus.com/tutorials/html-css-techniques/… –  koiyu Dec 3 '11 at 15:05
    
It isn't answer for your question, but it might become invaluable if you want to dig deeper into the subject: quirksmode.org. –  thebodzio Dec 10 '11 at 1:02
show 1 more comment

marked as duplicate by Joonas, Chris_O, Jack, Farray Feb 27 '12 at 16:54

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

2 Answers

There are gobs and gobs of sites like this. Sitpoint.com rounded up 450+ examples. http://designfestival.com/450-css-layouts/

To answer your question, I think this layout will serve you well http://www.intensivstation.ch/files/en_templates/temp07.html

share|improve this answer
add comment

I'd check out Matthew James Taylor's site. He has posted some great liquid layout tutorials and other things, including some templates that you can download:

http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.