Height automatico.

[k4osz]

Salve ragazzi,
in una pagina ho due div uno content e l'altro dentro news.
Visto che il div news aumenta in lunghezza l'height di content come lo devo mettere ? auto?

[k4osz]

up pls!!

[MaxSimon]

Metti height:100% nel body e height:auto nel content.
Ciao.

[k4osz]

Sicuramente si sarò espresso male..

Allora

Il mio layout è strutturato in questo modo:

-LOGO
-CONTENT
>sinistra
_calendario
_news
>destra
_sopra(mi piace di FB)
_sotto(iscrizione newsletter)
-FOOTER

il div news è uno script php, quindi dinamico può variare in base alla lunghezza del testo e al numero delle news.

Ecco il codice css:

/*CONENUTI*/
#contentt {
	width:100%;
	height: 1000px;
	margin: 30px 0 auto;
	padding: 0 auto;
	float:left;
}
#content {
	margin:0 auto;
	width: 930px;
	background:#e4e4e4;
	height: 1000px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 20px 20px 20px 20px;
	background-image: url(img/content_right_bg.gif);
	background-position: right top;
	background-repeat: repeat-y;
}

/*CONTENUTI DI SINISTRA*/
#sinistra {
	float:left;
	width: 650px;
	margin: 0px;
}

#sinistra h1{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #454fa4;
	margin: 10px 15px auto;
	
}

/*CONTENUTI DI DESTRA*/
#destra {
	float:left;
	width: 280px;
	margin:0px;
}
#destra h1{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #454fa4;
	margin: 10px 15px auto;
}
#destra p{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 15px auto;
}

/*CALENDARIO*/
#calendario {
	margin: 10px 15px auto;
	background-color: #e4e4e4;
}
/*NEWS*/
#news {
	float:left;
	width: 650px;
	margin: 0px;
}
#news h1{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #454fa4;
	margin: 10px 15px auto;
}
#news p{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 15px auto;
}

Se le news aumentano il div news va fuori il div content, come faccio ad aumentare automaticamente l'height del content con l'aumentare del div news?

Spero di essermi espresso in maniera corretta!

Ho già provato con l'height auto ecc... ma niente.

Grazie in anticipo per le tante risposte ^^....

Ciao ciao

[Prill]

Dopo i box flottanti fai un clear?
Puoi anche eliminare quell'altezza di 1000 pixel per il content (altrimenti aggiungigli un overflow:auto così che quando i contenuti siano più alti tu possa scrollarli)

[k4osz]

Fare scrollare i contenuti a me non piace...
A me serviva fare aumentare l'height del content all'aumentare del div news..

[Prill]

Allora come detto via quell'altezza per il div content e fai un clear dopo il float

[k4osz]

ho fatto come mi hai detto:

#contentt {
	width:100%;
	height: auto;
	margin: 30px 0 auto;
	padding: 0 auto;
	float:left;
	
}
#content {
	margin:0 auto;
	width: 930px;
	background:#e4e4e4;
	height:auto;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 20px 20px 20px 20px;
	background-image: url(img/content_right_bg.gif);
	background-position: right top;
	background-repeat: repeat-y;
	clear:both;
}

in questo modo lo sfondo grigio ne gli angoli arrotondati non si vedono più.

[Prill]

scusa ma perché hai due content?
Dunque in un div che si chiama content hai più box che flottano, le news, la colonna sinistra e la destra, è dopo l'ultimo elemento flottante all'interno del div, e non sul contenitore, che puoi mettere un'interruzione del float così il div si allungherà a includere i vari elementi interni. Attualmente lo sfondo è scomparso perché hai eliminato l'altezza ma non c'è ancora un clear dove dovrebbe

[k4osz]

il clear c'è:

clear both su content