Problemi con impostazioni di percentuali sull'altezza

di Anonimizzato10202 il
1 risposte
/
Anonimizzato10202
Utente anonimizzato
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

  • /
    Anonimizzato10202
    Utente anonimizzato
    Problema risolto con questo nuovo css 
    
* {
				padding: 0;
				margin: 0;
			}
			html {
				height: 100%;
				width: 100%;
				background-color: red;
			}
			
			body {
				position: absolute;
				height: 80%;
				width: 80%;
				background-color: yellow;
				top: 10%;
				left: 10%;
			}
			div {
				background-color: blue;
				position: absolute;
				width: 30%;
				height: 70%;
				top: 15%;
				left: 35%;
			}
    Creato dopo aver letto questo articolo http://www.howtoweb.it/tutorial/realizzare-layout-altezza-fluida-con-i-css/,
    Scusate avevo solo fatto la domando sbagliata a google per troppe volte.
Devi accedere o registrarti per scrivere nel forum
1 risposte