problema con div a larghezza 100%

**giancarlo75** · 19-10-2012, 18:08

Mettiamo che ho una pagina semplice con un codice simile:

codice:

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			body {
				margin:0;
				padding:0;
				width:100%;
			}
			#uno {
				width:100%;
				height:30px;
				background:red;
			}
			#due {
				width:960px;
				height:500px;
				margin:0 auto;
				background:green;
			}
		</style>
	</head>
	<body>
		<div id="uno"></div>
		<div id="due"></div>
	</body>
</html>

Come si vede il problema è che se rimpicciolisco la finestra del browser a meno di 960 px compare la barra di scorrimento, scollando il div uno si vede che non copre l'intera larghezza della pagina. C'è un modo di evitare uno sfondo al body ed ovviare a questo problema?

**ac_socmel** · 19-10-2012, 18:20

codice:

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			body {
				margin:0;
				padding:0;
			}
			#uno {
				min-width:960px;
				height:30px;
				background:red;
			}
			#due {
				width:960px;
				height:500px;
				margin:0 auto;
				background:green;
			}
		</style>
	</head>
	<body>
		<div id="uno"></div>
		<div id="due"></div>
	</body>
</html>

**ac_socmel** · 19-10-2012, 18:21

edit: inviato 2 volte

**giancarlo75** · 19-10-2012, 18:34

ah ok, devo mettere sia min-width a 960 che width a 100%

**giancarlo75** · 19-10-2012, 18:35

Grazie

Discussione: problema con div a larghezza 100%

Strumenti discussione

Ricerca discussione

Visualizza

problema con div a larghezza 100%

Re: problema con div a larghezza 100%

Re: problema con div a larghezza 100%

Permessi di invio