Comments on: Emulating tables: Automatic width

By: Marcos

Marcos — Thu, 10 May 2007 18:57:30 +0000

It’s just to let you know that your article was *very* helpful as I was searching a way to make a main column shrink or expand based on the width of a sidebar (that could be shown in a page and not shown in another).
It finished my search!
Thanks

By: Emil Stenström

Emil Stenström — Thu, 08 Jun 2006 10:54:47 +0000

@Andrew: I don’t like the zoom attribute since it’s proprietary code that doesn’t validate. Validation is important imo. I do use it sometimes just to check if something is a hasLayout issue in IE, but that never sticks to the final version.

By: Andrew Vit

Andrew Vit — Thu, 08 Jun 2006 07:26:44 +0000

Best way I found to force layout on IE elements is by using the property {zoom:1}. This is completely ignored by other browsers and affects the IE elements as intended.

By: Emil Stenström

Emil Stenström — Fri, 02 Jun 2006 10:51:02 +0000

@karl: Sure is, problem is that it doesn’t work with IE right now (the reason I didn’t include it). If it did it would be the best way to do all sorts of layouts.

By: karl

karl — Fri, 02 Jun 2006 01:14:51 +0000

display: table;

is another property too.

By: Stupid Wordpress Tricks » Getting Table-Like Effects Using CSS

Stupid Wordpress Tricks » Getting Table-Like Effects Using CSS — Tue, 09 May 2006 16:39:31 +0000

[...] “Moving from tables to layouts based on CSS is a tough move for many”, according to friendlybit.com.To help with the conversion, they came up with this tutorial on how to get table-like effects with CSS. [...]

By: Adam Taylor

Adam Taylor — Tue, 09 May 2006 10:06:12 +0000

Just a further clarification on IE and !important:

IE only ignores !important if there’s another declaration in the same {} for the same property. So your example is fine and cool, but in general !important will work with IE.

By: Emulating tables: Automatic width · Style Grind

Emulating tables: Automatic width · Style Grind — Mon, 08 May 2006 21:29:52 +0000

[...] Moving from tables to layouts based on CSS is a tough move for many. Things don’t behave the way they use to and some effects are much harder to do with CSS. This article is about one of the tricks you might want when trying to get table-like effects using CSS: the dynamic width column, where you let the width be decided by an image. [...]

By: Rowan Lewis

Rowan Lewis — Sun, 07 May 2006 11:26:38 +0000

Its a good trick, not even a hack ;)

By: Emil Stenström

Emil Stenström — Sun, 07 May 2006 10:50:40 +0000

@Rowan: Good idea, I updated the example with your suggestion. Thanks!

By: Rowan Lewis

Rowan Lewis — Sun, 07 May 2006 01:58:03 +0000

Good article, nice to see people still finding new tricks!

One thing, have you tried:
height : auto !important: height : 1%;