Giorni fa ho postato un quesito su un mio problema di layout.
L'ho risolto ricorrendo all'uso di una tabella.
So che la cosa è deprecatissima dalla comunità di sviluppatori e html, ma dopo 4 giorni persi a leggere forum e articoli ovunque, e non aver trovato la soluzione adeguata ho dovuto arrendermi e usare le famigerate tabelle.
Il problema è in sostanza il seguente:
I div non si adattano in larghezza al contenuto, ma si estendono per tutta la larghezza del container che li contiene, a meno che non si dichiari esplicitamente una larghezza con l'attributo width.
La tabella risolve in quanto la sua larghezza dipende dal contenuto.
A me serve realizzare un div che non abbia larghezza fissata ma che mantenga la larghezza del contenuto.
Ero riuscito a ottenere dei risultati assegnando al div la proprietà: "display: inline-block", ma sfortunatamente questa soluzione non è cross-browser e non funziona in explorer 7 ma solo in opera-firefox 3...
Il quesito è: Esiste qualche escamotage per far si che un Div si adatti in larghezza a ciò che contiene?

Rispondi quotando