Ciao a tutti,
ho realizzato un sito utilizzando i css. Il lavoro si sviluppa a tutto schermo su una "fascia" (container) al centro di larghezza 100%.
Al di sotto di questa "fascia" (dove è incluso un file swf) ci sono altri 3 <div> che suddividono la pagina in 3 ipotetiche colonne.
Problema: la fascia non tocca i bordi del browser ma lascia un leggero spazio sia a destra che a sinistra: come evitare questo?
Ecco il css che sto utilizzando:
div#container{
width:100%;
background-color: #000000;
border: 1px solid #cccccc;
text-align:center;
}
div#navigation{
float:left;
/* Inizia il Simplified Box Model Hack */
width:160px; /* Dimensioni per Opera 5 */
width:170px; /* Dimensioni per Explorer 5.x */
width:160px; /* Dimensioni per browser standard compliant */
padding:1em 0 0 10px}
div#content{
margin:0 170px;
padding:1em 10px;
color:#FFFFFF;
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
}
div#extra{
float:right;
width:160px;
width:170px;
width:160px;
padding:1em 5px;
}
Il container è la "fascia" dove si sviluppa l'intero sito.
Grazie!
Rispondi quotando