affiancare div, con altezza variabile

catellostefano

Utente Attivo
19 Dic 2008
525
2
0
www.stepo.biz
Salve a tutti,
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:

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:

HTML:
.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
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Prova ad inserire tutti i div dentro un altro div, dare a questo div esterno un float e dicci se ti dà l'altezza dei div interni corretta.
 
Ultima modifica:

catellostefano

Utente Attivo
19 Dic 2008
525
2
0
www.stepo.biz
ho risolto in questo modo:

HTML:
#pagina {
	background: #cd00f9;
	overflow: auto;
}

#contenuto {
	width: 750px;
	float: left;
}

#destra {
	width: 250px;
	float: right;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Come affiancare div HTML e CSS 7
S Come estrapolare nomi colonne tabella e affiancare Input Radio PHP 16
V Affiancare del teso ad immagini HTML e CSS 5
G Affiancare banner anche con monitor piccolo HTML e CSS 10
M Affiancare + immagini recuperate da mysql PHP 5
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7

Discussioni simili