div che si allarga in base al contenuto

[Tobler]

Ciao amici!

Ho notato che fissando la larghezza di un div

width: 400px; 

esso si posiziona correttamente sui 400px, ma se per caso il contenuto li supera (es. una tabella) quest'ultimo "esce" dal div.
In realtà chiedo questo perchè penso sia in relazione a min/maxwidth che non ho MAI capito come funziona, nonostante la lettura di miliardi di guide :master:

Bah!
Come faccio a rendere il mio div adattabile al contenuto?

Come al solito vi ringrazio in anticipo e vi saluto.

[Al_katraz984]

Prova a postare il codice x vedere come lo hai scritto..

Sia il pezzo html ke il foglio di stile..

[ricman]

Scusa ma... una foto larga 500px non potrà MAI entrare in un div largo 400px!!
Mentre se ci metti il testo, ovviamente, andrà a capo.
Se vuoi tenerci una tabella (tabella => dati tabellari) dai alla tabella un width:100%

[Al_katraz984]

Se nnon ho capito male hai una tabella ke ti esce dalla larghezza di un <div>????

Prova cosi:

file.css

div#contenitore {
width: 400px;
}

div#contenitore table {
width: 700px;
}

In questo modo se la tabella è piu grande della largheza del <div> quest'ultimo viene adattato alla largheza della tabella...

Prova!!!!

[Al_katraz984]

Il problema stà nel fatto ke se crei un foglio di stile cosi:

table {
width: 450px;
}

div#dati {
width: 300px;
}

La tabella e il <div id="dati"> sono due cose indipendenti tra di loro e se cerchi di unirle (ad esempio mettendo una tabella all'inteno del <div>) la tabella esce xke nn stà li a guardare il <div> come si comporta..

div#dati {
width: 300px;
}

div#dati table {
width: 450px;
}

Cosi invece tutte le tabelle inserite nel <div id="dati"> avranno larghezza 450px essendo ke sono definite proprio come tabelle di quel singolo <div> ti adatteranno la larghezza.

Se nn hai capito qlcosa posta spero di essere stato chiaro...

[Tobler]

Ottimo Al_katraz, è quello che non capivo!

Infatti a me interessa che il contenuto di base sia 400px, nel caso la tabella esca... esso si adatti di conseguenza.

Sono appena tornato a casa e ora provo; mi stai dicendo che basta

.tabella table { 

?

"table" è una sorta di attributo?

[Al_katraz984]

Esatto.. xò attento xke solitamente il tag <div> è usato x delimitare dei contenitori il piu grande possibile... Per contenitori piu, mmh diciamo "piccoli" esistono altri tag tipo <span> usato piu frequentemente all'interno del codice html..

Se hai problemi posta!!