Problemi con impostazioni di percentuali sull'altezza

di il
1 risposte

Problemi con impostazioni di percentuali sull'altezza

Ciao,
ho provato a fare un po di ricerche ma non ho trovato ancora la risposta.
Il problema e' il seguente, devo impostare l'altezza della mia pagina alta quanto la finestra, e per fare cio' ho dovuto impostare l'altezza direttamente dell'elemento html, agendo solo su body segue l'altezza del flusso regolare degli elementi interni. Ma questo mi da dei problemi perche impostando il margin-top al 10% questo valore fa poi riferimenti alla larghezza invece che all'altezza.
Ecco un esempio di quello che intendo.

<style type="text/css">
			html {
				height: 100%;
				width: 100%;
			}
			
			body {
				padding-top: 10%;
				border: 1px solid red;
				height: 80%;
				width: 80%;
				margin-left: 10%;
				margin-top: 10%;
			}
			div {
				border: 1px solid blue;
			}
		</style>
	</head>

	<body>
		<div>
			
		</div>
	</body>
provando a ridimensionare la finestra con questo spezzone di codice si vede che il margin-top del body segue la larghezza e non l'altezza, infatti ha sempre la stessa larghezza di margin-left-right.
Qualcuno mi sa spiegare il perche? e' un bug oppure e' la sua impostazione in casi del genere?
su firefox mi da problemi adirittura con la visualizzazione.
LingYong Sun

1 Risposte

Devi accedere o registrarti per scrivere nel forum
1 risposte