Comments on: Liquid layouts the easy way

By: Russ

Russ — Sat, 31 Jul 2010 03:12:08 +0000

Glad you found it useful, Helena.

By: Helena

Helena — Fri, 30 Jul 2010 16:55:49 +0000

Now this is brilliant, I have been googling and selft taught myself html… doing alright but fixing older browsers’s bugs have been dirving me nuts… and her you are: a simple line of code. BRILLIANT!!! and text for the formula for the margin, these puzzled me for a while as well. You made my day

By: Will

Will — Mon, 26 Jul 2010 14:38:49 +0000

Thank heaven that someone has finally done a good tutorial site on this matter. Even today with the prominence of the web as it is, there is so much ambiguity relating to this topic and for a budding web programmer it is infuriating! Thanks again Russ, spot on!

By: Russ

Russ — Wed, 21 Jul 2010 06:33:04 +0000

@David,

You can apply this method to the image, but the critical thing is to leave the width and height undefined. For example:

Defined:

Undefined:

By: ianstudio

ianstudio — Wed, 14 Jul 2010 08:47:11 +0000

Hi, thanks for the tutorials on here.. I’m a Flash designer who really loves liquid layouts (and hates scrollers) and am trying to see what can be achieved with HTML/CSS.. Is there any way you could provide samples of “liquidity” vertically as well… I often see horizontal (width) liquid layouts but never vertical ones.. except for the odd footer that remains visible..

THX

By: David

David — Sat, 10 Jul 2010 07:34:37 +0000

Hi. Just like to say thanks for the clear and useful info about liquid layouts.
I have set my index page in a liquid layout. However, I was wondering, if I have an image that is set as 40% of the screen width. Can I set the height of the image to be relative to the width? Foe example; if the screen width is 1000px and the width is 40% = 400px I want the height of the image to be 400px too in order to remain square. I don’t want my image to get squashed in strange browers settings.

By: Laurie

Laurie — Fri, 02 Jul 2010 15:27:08 +0000

Am finally making time to go thru and change all my includes with tables to CSS. I loved this article as it explained exactly what I wanted to do. Keep up the good work, mate!

By: Tony

Tony — Sun, 20 Jun 2010 19:58:43 +0000

I tried your “two column fixed width (with spread) layout” and it works perfectly in Firefox, but not in IE. Even if I copy and paste the code you kindly shared it doesn’t work. In IE it doesn’t look centered, it aligns to the left. I’m using it in antonioromo.com. Am I missing something? Thanks!!