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.

  • 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/… – Jari Keinänen 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

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:



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

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