La struttura base dovrebbe essere così
- fascia colorata in alto che si adatta alla risoluzione
- footer colorato che si adatta alla risoluzione
- parte centrale di dimensione fissa e centrata nello schermo.
Il mio CSS è questo:
div#top{
background-color:#9ea6c2;
height:33px;
}
div#bottom{
background-color: #9ea6c2;
height:24px;
}
div#container{position:relative; width: 750px;margin: 0 auto;
}
div#content
{
}
div#content div.split3 div{
float: left;
width: 164px
width: 293px;
width: 293px;
}
div.split3 h3{
width:164px;
background-color:#f3de91;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#263776;
padding-bottom:2px;
padding-top:2px;
margin:0px;
margin-bottom:2px;
}
Il risultato che ottengo è che la fascia alta e quella bassa stanno appiccicate, le 3 colonne centrali non tengono le misure che do io, dove ho sbagliato ?
Rispondi quotando