- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- layout a tutta pagina in altezza
-
layout a tutta pagina in altezza
Sto impazzendo cercando di fare un banalissimo layout a 3 colonne con header, con le tre colonne che riempiano il browser in verticale. Il problema è che aggiungendo height: 100% alle 3 colonne giustamente firefox fa casini, perchè calcola l'altezza dell'header + 100%, e quindi scrolla nel nulla...
Ho semplificato il codice, potete darmi una mano a capire il problema?[HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<title></title>
<style>
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#sito {
width: 900px;
height: 100%;
margin: 0 auto;
}
#header {
width: 900px;
height: 310px;
margin: 0 2px 0 2px;
}
#corpo {
width: 900px;
height: 100%;
position:relative;
}
#centrale {
margin: 0 160px 0 160px;
height: 100%;
}
#menu_d {
width: 160px;
height: 100%;
top:0; right:0;
position:absolute;
}
#menu_s {
width: 160px;
height: 100%;
top:0; left:0;
position:absolute;
}
</style>
</head>
<body>
<div id="sito">
<div id="header">header</div>
<div id="corpo">
<div id="menu_s">
menu sinistro
</div>
<div id="centrale">
centrale
</div>
<div id="menu_d">
menu destro
</div>
</div>
</div>
</body>
</html>
[/HTML]
-
Anzi, meglio ancora, mi aiutate a trovare il modo di mettere anche un piè di pagina?
Che voglia di usare le tabelle