Dimensionamento div in base al contenuto

[Bakaburg]

Ciao,
Nel mio sito ho un div #Corpo che contiene una serie di contenuti per lo più scritti. A #Corpo è associato via css un background che si ripete lungo l'asse y.
Io vorrei che #Corpo abbia il parametro "height" relazionato ai contenuti, ma usando "auto" diventa piccolissimo e non capisco perché. Sono costretto a settarlo manualmente in ogni pagina.
Questo è il link del sito www.romasantandrea.sism.org/, usando un debugger provate a mettere auto nella height di #Corpo e vedrete cosa intendo.

[emnlmn]

Il tuo problema è dovuto al fatto che #corpo contiene al suo interno solamente blocchi flottanti. che per loro natura sono estratti dal flusso e pertanto non influenzano le dimensioni del blocco genitore.
Il metodo più rapido per risolvere è aggiungere la proprietà overflow:hidden; alla regola del #corpo.

[Bakaburg]

Ciao,
Ti ringrazio! Il problema "verticale" è stato risolto però... adesso è insorto un problema "orizzontale"! Uno dei link che prima sporgeva al di fuori del #Corpo (l'ultimo) risultava tagliato. Ho risolto dando un margin-left di -1em ed un padding-left di 1em per allargare a destra e poi rispingere il contenuto a sinistra.

Ci sono metodi più eleganti?

PS: Perché con overflow: hidden si è risolto il problema di prima? qual è la logica?

[alessio_1976]

prova anche con overflow: auto;

[Bakaburg]

Ci ho provato ma mi escono le barre di scorimento verticali e orizzontali (figo da vedere: si muovono le scritte ma lo sfondo rimane fermo!! non molto utile però)

[alessio_1976]

che versione di IE hai??...io con la 8 vedo il tuo sito perfettamente!

[Bakaburg]

Uso safari. Infatti adesso funziona; con l'overflow ho risolto il problema del dimensionamento automatico verticale e con un po' di lavoro su margin e padding ho risolto il problema dei link che venivano tagliati perché uscivano fuori dal #Corpo.

#Corpo {
		background: transparent url(http://www.romasantandrea.sism.org/i...ackg_Corpo.png) repeat-y 0.5em;
		margin-right: -3em;  //notare margine e padding opposti
		padding-right: 3em;
		margin-top: -7.2em;
		display: block;
		padding-top: 7em;
		height: auto;
		overflow: hidden;
		padding-bottom: 10em;
	}

Mi chiedevo solo come mai overflow: hidden risolvesse questo problema e se c'era una maniere più elegante di margin e padding opposti per l'overflow orizzontale.

PS: se guardi il sito con safari 4 ci sono un po' di animazioni carine in giro.