Problema height:100%

**Miroku** · 01-03-2009, 15:02

Ciao a tutti,
come mai height:100% non funziona come invece mi funziona width:100%?

Io come da tutorial letto qui su html.it ho messo a body e a html height:100% in modo che poi tutti le altre percentuali di height funzionassero... però non è così, mi vengono completamente ignorate =_=

qualcuno mi sa dire perché?

**essezeta** · 02-03-2009, 03:48

codice:

<html>
<head>
<title>Sono un div alto il 100% della tua finestra</title>
<style type="text/css" media="screen">
body {
margin:0;
padding:0;
height:100%; /* occhio a questa regola! */
}
#centoxcento {
position:absolute;
right:50%;
top:0;
width:200px;
height:100%; /* funziona solo se prima lo hai assegnato al parent */
background:#ff0000;
}
p {padding:1em;}
</style>
</head>

<body>
<div id="centoxcento">


ciao sono un div di sfondo rosso e sono alto il 100% della tua finestra</p>
</div>

</body>
</html>

**Miroku** · 02-03-2009, 12:24

ho capito, grazie mille =)

**Miroku** · 02-03-2009, 16:45

Ugh, un'altra domanda...
devo dedurre che se tu assegni un valore specifico o una percentuale che non sia 100% all'altezza del box parente le percentuali delle altezze dei box figli non verranno considerate?

Discussione: Problema height:100%

Strumenti discussione

Ricerca discussione

Visualizza

Problema height:100%

Permessi di invio