Image and caption shrink-wrapped in a container...

Per IE7- niente e' meglio di una table (con width minima) se si vuole shrinkare al massimo (larghezza dell'img) in presenza di caption lunghe. L'effetto shrink-to-fit con width:auto usa, se necessario, il 100% della width (cosa che qui non si vuole.) Se si precisa una width piccola il contenitore si espande a contenere l'immagine, ma il testo NON si espande nel caso inline-block e float, si espande invece con una table.


miao1
display:inline-block, width:0 per IE7- (table per altri.) Quo usque tandem abutere, Catilina, patientia nostra?
miao2
display:inline-block, width:0 per IE7- (table per altri.) Quam diu etiam furor iste tuus nos eludet? Quem ad finem sese effrenata iactabit audacia?

miao1
True table. Quo usque tandem abutere, Catilina, patientia nostra?
miao2
True table. Quam diu etiam furor iste tuus nos eludet? Quem ad finem sese effrenata iactabit audacia?

miao1
Con expression (IE7-/Win) per settare width contenitore a width immagine. Quo usque tandem abutere, Catilina, patientia nostra?
miao2
Con expression (IE7-/Win) per settare width contenitore a width immagine. Quam diu etiam furor iste tuus nos eludet? Quem ad finem sese effrenata iactabit audacia?

CSS tests home