Sono un po' arrugginito sui css.
Sto facendo un sito con layout:
header (riga)
menu (riga)
{corpo: [corpo sx (colonna) corpo dx (colonna)]} (riga)
footer (riga)
tra menu header e corpo dx e sx non ci sono spazi.
Rimane spazio tra corpo e footer e tra header e l'inizio della pagina.
Un po' di html:
ed un po' di css:Codice PHP:<body>
<div id="testa"></div>
<div id="pippo">
</div>
<div id="corpo">
<div id="corpo-colonna1-home"></div>
<hr />
<div id="corpo-colonna2"></div>
</div>
<div id="piedipagina"></div>
</body>
Non vedo dove ho sbagliatoCodice PHP:body {
margin:0;
padding:0;
text-align:center;
}
#testa {
width:800px;
height: 90px;
margin: auto;
padding: 0;
text-align:center;
}
#pippo {
width: 800px;
margin: 0 auto;
padding: 0;
text-align:center;
background-color:#D88207;
}
#corpo {
width:800px;
margin: auto;
text-align:left;
position:relative;
}
#corpo-colonna1-home {
background-image: url(blu3.png);
background-repeat: true;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width: 90px;
height: 650px;
}
#corpo-colonna2 {
background-image: url(orange_.png);
background-repeat: true;
margin-left: 90px;
width: 710px;
height: 650px;
}
#piedipagina {
top:0;
padding: 0;
width:800px;
height: 15px;
margin: auto;
text-align:center;
background-color:#D88207;
text-decoration: none;
color:white;
font-family:verdana;
font-size:8pt;
vertical-align:center;
}
Rispondi quotando
