Comments on: Min and Max Width 3 Column Fluid CSS Layout

By: A2daK

A2daK — Tue, 31 Mar 2009 14:52:49 +0000

While everyone else was messing about trying to explain the irrelevant parts of this technique you just laid it down nice and straightforward. I like your style therefore I’ll be back.

By: W.

W. — Wed, 04 Feb 2009 18:58:11 +0000

Is there a way to change de div order? I’m trying to make the “container” div before the right and left columns, but I’m not very good with CSS. Thanks!

By: Karim

Karim — Tue, 09 Dec 2008 16:06:33 +0000

Nice article but using expressions could affect the performance of your page.

“The problem with expressions is that they are evaluated more frequently than most people expect. Not only are they evaluated when the page is rendered and resized, but also when the page is scrolled and even when the user moves the mouse over the page. Adding a counter to the CSS expression allows us to keep track of when and how often a CSS expression is evaluated. Moving the mouse around the page can easily generate more than 10,000 evaluations.”

http://developer.yahoo.com/performance/rules.html#css_expressions

By: Alexander

Alexander — Sun, 09 Mar 2008 05:09:39 +0000

@Lush – this is actually an issue i had for a LONGGG time , but the fix is make your LEFT side position: absolute and leave the right side regular and no position specified which makes it static.

I had this issue doing the CLEAR: both for form pages and when i cleared it would clear the whole left side. So we just make the left side ABSOLUTE and that should do it i think.

NOTE THIS FIXES IT FOR FIREFOX – BUT… IE 7 has a serious issue then and spans the center from the FAR left to the right column. Cant figure that part out yet… maybe dave can chime in or someone else….

By: Jermayn Parker

Jermayn Parker — Tue, 15 Jan 2008 23:57:23 +0000

I agree with your points (and thanks for your comments on my article). Some flexibility to a layout can be really nice.

I think another reason why designers do not use it is because it means they do not have as much control over the way it appears. People like control over what they design.

By: Dave

Dave — Tue, 15 Jan 2008 09:04:10 +0000

@Lush – Not sure what the problem is you’re experiencing. I’ve tried to replicate this but don’t seem to experience any problems.

http://www.dave-woods.co.uk/wp-content/uploads/2008/01/min-max-width-demo.html

There is a few bugs in IE6 (peekaboo and haslayout) that needed fixing but other than that, there shouldn’t be any problems.

Hope that helps.

@Jermayn – Nice article. The problem is a misconception that fluid layouts are bad because they can’t be designed nicely but the sooner designers start to realise that fluid does not equal 100%, the more we might start seeing slightly more flexible layouts.

By: Jermayn Parker

Jermayn Parker — Tue, 15 Jan 2008 00:01:08 +0000

Good tutorial!
I recently wrote about this in an article of mine.

http://germworks.net/blog/2008/01/08/why-sites-use-half-screen/

By: Lush

Lush — Mon, 14 Jan 2008 20:14:51 +0000

Hi, I don’t know if it’s a bug or not, but when you insert in the content div another div that has clear:both in style (or a ) the “content” it’s breaking.

I tested on your example using firebug – to make changes without copying the code on my server and the result is a huge space – the paragraphs are falling down aprox. under the longest div with content. Test it and take a look.

I found another solution that seems not to care about this on A List Apart – but instead Mozilla gves me some headaches.

Cheers,