affiancare div, con contenuti variabili

**catellostefano** · 22-02-2013, 13:08

Salve a tutti,
non sò se vado contro il regolamento, ho chiesto la stessa cosa su un altro forum ma non hanno saputo rispondermi, allora vengo a voi....
internet è zeppo di domande in cui si chiede come affiancare i div, e si risponde al solito modo.... float:left;
ma diciamo che per me non va bene, o meglio anche io ho sempre fatto così ma ora ho un caso particolare, guardate questo codice:

codice:

Codice HTML:

<html>
	<head>
		<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
	<body>
		<div id="intestazione" class="centro">immagine</div>
		<div id="striscia-menu" class="striscia" style="height: 60px;">
			<div id="menu" class="centro">
				ciao
			</div>
		</div>
		<div id="contenitore" class="centro" style="width: 1350px;">
			<div id="pagina" class="centro">
				<div id="contenuto">testo</div>
				<div id="destra">destra</div>
			</div>
		</div>
		<div id="striscia-footer" class="striscia">
			<div id="footer" class="centro">
				<div id="footer-1">ccsa</div>
				<div id="footer-2">cascsa</div>
				<div id="footer-3">adsad</div>
			</div>
		</div>
	</body>
</html>

il css:

.centro {
	margin: 0 auto;
	width: 1000px;
}

.striscia {
	background: #005698;
}

#intestazione {
	height: 200px;
}

#contenitore {
	background: #f9e400;
}

#pagina {
	background: #cd00f9;
}

#contenuto {
	width: 750px;
}

#destra {
	width: 250px;
}

Ora destra si deve affiancare a contenuto, ma se faccio float:left; #pagina ha un altezza pari a 0 e non va bene. come faccio???
grazie

**Mich_** · 22-02-2013, 13:32

Mi sono permesso di modificare il tuo testo, perche` come avevi scritto non si capiva la formattazione (vedi regolamento !!)

E` risaputo che se metti dei float dentro un oggetto non flottato quest'ultimo si trova vuoto.
Per forzare i float dentro un non-float puoi inserire un clear dopo i float (cerca nel forum con chiave "clearing").

**catellostefano** · 22-02-2013, 13:36

La classe non è acqua....
ho risolto grazie a te, ho cercato su google: clearing
e ho letto che il miglior modo di risolvere è mettere nel contenitore :
overflow: auto;
width: ....

grazie ancora!

Discussione: affiancare div, con contenuti variabili

Strumenti discussione

Ricerca discussione

Visualizza

affiancare div, con contenuti variabili

Permessi di invio