Problema con div

**Hermiod** · 19-06-2010, 10:18

Salve a tutti!

Ho da poco iniziato a creare siti applicando i css e sto avendo dei problemi con i div: Voglio realizzare una pagina che abbia un header, un corpo centrale ed un footer; il corpo della pagina è diviso in due parti verticali, sulla sinistra ho il menu e sotto di esso un'area login, mentre a destra ho il corpo della pagina. Ora sono riuscito a fare in modo che menu-login e corpo stiano affiancati verticalmente, ma mi succede che il footer va a finire nel corpo della pagina. Non so se mi son fatto capire, in ogni caso questo è il mio html

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta content="it" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<style type="text/css">
		#header {
			width: 760px;
			height: 125px;
			margin-right: auto;
			margin-left: auto;
		}
		#body {
			margin-right: auto;
			margin-left: auto;
			width: 760px;
		}
		#footer {
			margin-right: auto;
			margin-left: auto;
			width: 760px;
		}
		#divframe {
			width: 150px;
			float: left;
		}
		#divcontent {
			width: 610px;
		}
		</style>
	</head>
	<body>
	<div id="header">
		header
	</div>
	<div id="body">
		<div id="divframe">
			<div id="menu">menu</div>
			<div id="login">login</div>
		</div>
		<div id="divcontent">
			content
		</div>
	</div>
	<div id="footer">
		footer
	</div>
	</body>
</html>

Mi potreste spiegare come ovviare a questo problema? Grazie infinite

**carlogh** · 19-06-2010, 13:17

ciao, aggiungi la regola

codice:

clear: both;

a #footer nel css.

**Hermiod** · 19-06-2010, 13:33

Perfetto, il problema l'ho risolto però adesso me n'è spuntato un altro: voglio impostare un margine di 10px tra il footer ed il body quindi nel css metto la proprietà margin-bottom: 10px;, ma tutto ciò ha effetto solo se il corpo del div content è più alto del corpo di div frame

:master:

**carlogh** · 19-06-2010, 13:35

figurati, buon lavoro

**Hermiod** · 19-06-2010, 16:15

Perfetto, il problema l'ho risolto però adesso me n'è spuntato un altro: voglio impostare un margine di 10px tra il footer ed il body quindi nel css metto la proprietà margin-bottom: 10px;, ma tutto ciò ha effetto solo se il corpo del div content è più alto del corpo di div frame

:master:

**Mich_** · 21-06-2010, 09:09

Il problema potrebbe essere il posizionamento del clear.

Infatti il clear "chiude" i float e ripristina il normale flusso degli elementi: se lo metti dopo il tuo margine il margine non ne viene influenzato.
Prova a fare come spiegato in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float (vedi gli ultimi post della discussione)

**Hermiod** · 23-06-2010, 10:12

Scusate il ritardo nel ringraziarvi per i suggerimenti, ma sono stato incasinato in questi giorni! Comunque alla fine avevo risolto modificando l'intera struttura della pagina: ho dovuto usare degli iframe e ho risolto "due problemi con un tag"

Discussione: Problema con div

Strumenti discussione

Ricerca discussione

Visualizza

Problema con div

Permessi di invio