Vis DIV'er som inline - også i IE7

Beklager - jeg fandt løsningen da jeg havde googlet lidt mere.

Tilføj disse parametre i css så der udbygges til:
.third { display:inline-block; width:33%; zoom:1; *display: inline; _height:12px; }

Det virker - og jeg takker http://flipc.blogspot.com/2009/02/damn-ie7-and-inline-block.html for en løsning der ikke kostede mig nogle point :-)

Hej Morgan

Din løsning kommer ikke til at validere, da du bruger display to gange.

Grunden til, at det ikke virkede i IE7 er ganske simpelt, at display: inline-block, slet ikke understøttes af IE7.

Jeg tror, at display: inline; display: inline-block; vil have samme effekt og samtidig validere. Noget helt andet er, hvorfor vil du have en inline DIV, og ikke bare en SPAN?

phillips:
Men jeg forsøgte at bruge (ren) inline istedet for inline-block og så fik jeg IKKE det tabel-agtige layout. Resultatet var at mine div'er blev trukket sammen, som på en snor. Og IE7 ville overhovedet ikke respektere min 33%-vidde.

wanze:
Jeg er ikke sikker på hvad FORDELEN ved SPAN ville være i mit eksempel? Får jeg ikke samme resultat, rent visuelt?
Mit eksempel er i øvrigt stærkt reduceret (netop et eksempel) - i mine "rigtige" div'er har jeg flere niveauer af under-div'er og span'er. Derfor forekommer det mig smartest at bruge div. Men jeg skal stadig bruge det stramme tabel-agtige layout