Comments on: How to Resolve a Fluid Header/Footer Problem When the Window is Resized

By: Azerue

Azerue — Wed, 17 Aug 2011 07:42:09 +0000

thx alot it worked for me

By: Louis Lazaris

Louis Lazaris — Mon, 02 May 2011 12:04:10 +0000

Good point, but CSS expressions are very bad for performance, so other solutions should be tried first:

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

This would especially be the case with IE6 which is already slow by nature. Why make it slower? Better to give it a degraded experience instead.

By: Matthew Johnson

Matthew Johnson — Thu, 10 Feb 2011 18:03:10 +0000

Good article, worked for me! Thanks Louis!

By: Scott

Scott — Wed, 27 Oct 2010 22:28:39 +0000

Thanks Louis! Great article that lays out a simple fix to a very annoying problem.

By: Lee

Lee — Mon, 04 Oct 2010 22:03:06 +0000

I’ve only just come across this problem today and the way a got around it was using a min-width selector, I was sure there was a better way turns out not :D good post!

By: ivanhoe

ivanhoe — Fri, 17 Sep 2010 22:37:22 +0000

body { display: inline-block }

seems to solve the problem (except in IE)

By: J

Mon, 30 Aug 2010 03:40:43 +0000

Solution for IE6 (served via conditional comments):


body {
	width: expression(document.body.clientWidth <961 ? "960px" : "100%" );
}

By: Bali

Bali — Wed, 04 Aug 2010 10:47:24 +0000

Could you please convert this code in jquery.. :)

Hope you don’t mind.

By: Lam Nguyen

Lam Nguyen — Sat, 31 Jul 2010 11:00:26 +0000

No way is better than this!

By: M Burke

M Burke — Tue, 27 Jul 2010 19:13:58 +0000

Wouldn’t worry too much about IE 6. It’s trending around only 10% of users, and those must be having trouble at every site. Here’s my company site’s current IE user usage for the month

8.0 11,958 63.85%
7.0 4,870 26.01%
6.0 1,895 10.12%