height:100% in firefox

**pippo26** · 20-02-2008, 15:02

ciao, nel mio layout (diviso in 4 colonne) ho impostato le altezze dei singoli div e del contenitore madre a: height:100%; perchè vorrei che i div si adattino al browser. Il problema è in FF che non adatta i div al browser mentre su IE funziona...
Sapete aiutarmi?

Qui il codice:

codice:

CSS:

body {
margin:0;
padding:0;
height:100%; 
text-align: center;
} 


#contenitore{
z-index:1;
width: 1010px;   
text-align: center; 
height: 100%;
margin: auto;
} 


#colonnaa { 
float: left;
left:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnab { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%; 
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnac { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 

#colonnad { 
float: left;
right:0; 
top:0; 
padding:0; 
width:250px; 
height:100%;
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
}

codice:

HTML:

<body>

<div id="contenitore">
<div id="colonnaa"></div> 
<div id="colonnab"></div> 
<div id="colonnac"></div> 
<div id="colonnad"></div> 
</div> 


</body>

Grazie

**pippo26** · 20-02-2008, 16:19

risolto...ho aggiunto:

html {
height: 100%;
}

volevo chiedervi un'altra cosa: come faccio ad aggiungere un div centrato nel browser che però stia sopra il div contenitore e con la stessa larghezza (cioè 1010px)? Cioè il div deve rimanere sopra le 4 colonne con la stessa larghezza...
Grazie

Discussione: height:100% in firefox

Strumenti discussione

Ricerca discussione

Visualizza

height:100% in firefox

Permessi di invio