Comments on: CSS 3 columns Liquid Layout (Fluid-Fix)

By: Karen Atanacio

Karen Atanacio — Fri, 12 Feb 2010 06:31:19 +0000

Holy Smokes dude you have many wierd error codes on your web site that says parse error unexpected T String in line 18

By: Jeremie Tisseau

Jeremie Tisseau — Thu, 05 Mar 2009 02:47:47 +0000

You can try to create a container to wrap #wrapper:

^?View Code HTML4STRICT

<body>
<div id="container">
  <div id="wrapper">
   ...
  </div>
</div>
</body>

And then, add this to your stylesheet:

^?View Code CSS

#container {
  margin:0 40px;
}

I didn’t try it in IE so maybe you will have to tweak the code a little bit.

By: Ravi Kotak

Ravi Kotak — Wed, 04 Mar 2009 22:04:10 +0000

Got one! any idea why can’t i center it with defined width. Like using margin:0 auto; for everything. I got it working for header and footer by adding a body dive inside.

By: Ravi Kotak

Ravi Kotak — Wed, 04 Mar 2009 19:55:33 +0000

Thanks a lot. Amazing post does exactly what i have been looking for with just css and html. Just grabbed it from here, will report if I come across any issues.
Thanks once again! cheers

By: Jeremie Tisseau

Jeremie Tisseau — Sat, 28 Feb 2009 07:20:36 +0000

What doesn't work exactly? The login form or the toggle effect (slide in/out)? If it is the login form, then it is normal. A login form needs a scripting language and a database (PHP/MySQL for example) in order to work. Why don't you use a CMS (Content Management System) such as Wordpress, Drupal, Silverstripe... Each include a login form by default. I wrote an article on how to Add a show/hide login panel to your Wordpress theme using Mootools. Wordpress is very powerfull CMS and I would highly recommend it.

By: Srikanth

Srikanth — Sat, 28 Feb 2009 06:58:04 +0000

How can i use ur hide/show login panel to this layout???
It Doesnt works for me… Can u help me out???

By: Matthew James Taylor

Matthew James Taylor — Wed, 16 Jul 2008 01:23:42 +0000

I just want to point out that it is possible to have equal height columns without JavaScript providing you nest your divs correctly. Unfortunately this method is not compatible with a sticky footer.

By: Jeremie Tisseau

Jeremie Tisseau — Sun, 08 Jul 2007 12:12:24 +0000

Je suis content de savoir que mon code soit accessible à tous. Je me rappelle combien difficile c’était pour moi (à mes débuts en tant que designer amateur) et j’ai voulu, dans ce post, faire en sorte que n’importe qui puisse comprendre ce que je faisais. Si tu as des questions, n’hesites pas à me contacter. Ça sera un plaisir de t’aider.

A+

By: markeff

markeff — Sun, 08 Jul 2007 12:00:17 +0000

Hello Jeremie Tisseau !
C’est là du code très très limpide ! J’ai presque assimilé à la première lecture (ça n’est pas rien. lol)
Merci pour ce post, qui donne vraiment envie (au profane que je suis) de mettre les mains à la pâte.

By: Michael

Michael — Sat, 07 Jul 2007 14:32:11 +0000

Great post and very helpful. My html/css is a little rusty and have been looking for a good 3 column layout for my own website and this is perfect. Thanks, Michael