[css] allineamento a sx

[blur]

buongiorno!

sto realizzando un layout in css a tre colonne a larghezza fissa.
ma dovrei modificare alcune cose.
per avere il body allineato a sx e top:0 come modifico questa parte di codice?


#testa { width:760px; margin:0; padding:0; text-align:left }

#testa {
background:#ccc;
border:1px solid #000;
padding:1em 0;
}
grazie

[smal]

Così dovrebbe funz:
======================
#testa { width:760px; margin:0; padding:0; text-align:left; background:#ccc; border:1px solid #000; padding:1em 0; position:absolute; top:0;
}
======================
Essendo che per due volte assegni delle caratteristiche allo stesso ID, ti conviene raggrupparle in un'unica voce.

[blur]

così mi si sovrappone tutto :master:

ti posto il resto del codice.

#testa { width:760px;
margin:0; padding:0; text-align:left;
background:#ccc; border:1px solid #000;
padding:1em 0; position:absolute; top:0;
}



#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:160px;
padding:1em 0;
}

#corpo-colonna2 {
margin:0 200px 0 160px;
border-left:1px solid #000;
border-right:1px dotted #000;
background:#fff:
padding:1em 0;
}

#corpo { width:760px; margin:1em auto; text-align:left }

#corpo {
position:relative;
background:#f0f0f0 url(sfondo_colonna1.png) repeat-y;
border:1px solid #000;
}

body {
text-align:center;
font:80% verdana,helvetica,sans-serif;
margin:0; padding:0
}
code {
font:80% verdana,helvetica,sans-serif;
display:block;
margin:0 1em .5em 1em;
}

hr { display:none }


#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:200px;
padding:1em 0;
}


#piedipagina { width:760px; margin:1em auto; text-align:left }

#piedipagina {
background:#eee;
border:1px solid #000;
padding:1em 0;
}

[Federix]

body { 
text-align:left; 
font-family: verdana,helvetica,sans-serif; 
margin:0;
padding:0 
}

[blur]

vabbè, ma cosa cambia rispetto a prima?

#testa { width:760px; margin:0; padding:0; text-align:left }

[smal]

Originariamente inviato da blur
così mi si sovrappone tutto :master:


#testa { width:760px;
margin:0; padding:0; text-align:left;
background:#ccc; border:1px solid #000;
padding:1em 0; position:absolute; top:0;
}

Ti si sovrappone tutto perchè specifichi due volte il padding con valori diversi.

[blur]

ok ho lasciato solo un padding:0;
non cambia niente...
ho provato a mettere position:absolute;top:0 ;

ma mi crea un altro box a sx...ma comè possibile??