altezza div container

**starbuck** · 09-09-2008, 21:14

Ho un div container (posizionato tramite position:relative) a cui vorrei dare un'altezza pari a tutta la finestra del browser, tuttavia l'unico modo che mi ha permesso questa cosa è stato il dichiarare absolute la posizione del container.

IL container è il primo div dopo il body.

come posso dare al div="container" un'altezza pari a tutta la finestra del browser senza doverlo posizionare con absolute ???

**dori88** · 09-09-2008, 21:24

se metti height 100% credo dovrebbe ereditare l'altezza dall'elemento padre... ovvero body..

**essezeta** · 09-09-2008, 21:40

se metti height 100% credo dovrebbe ereditare l'altezza dall'elemento padre... ovvero body..

quindi devi assegnare altezza 100% ANCHE al body!!

ecco un esempio prefabbricato... salva il codice nomefile.html e aprilo col browser...

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>

**anonimo80** · 04-10-2008, 17:16

Ok ma cosi i.e mi sposta tutto il contenuto a dx mentre firefox a sx...per quauto riguarda l'uso delle tabelle sono stato obbligato da i.e che altrimenti non mette le foto piccole al posto giusto ma all'estrema sx del testo,cosa che non mi succede con tutti gli altri browser almeno cosi ho stabilito una struttura interna e quella rimane per tutti,lo so è stilisticamente orrendo....scusate degli errori banali ma con i css ho molto da imparare....

Discussione: altezza div container

Strumenti discussione

Ricerca discussione

Visualizza

altezza div container

Permessi di invio