problema di layout con css

[blur]

salve a tutti,

ho un layout così composto:

#testa
#riga orrizontale
#corpo
#piedipagina

nel corpo ho:
corpo-colonna1 a sx
corpo-colonna2 a dx

all'interno del corpo centrale ho il testo.
e fin qua tutto bene.
nel corpo colonna1 ho inserito un box chiamato "content" con position:relative al cui interno ho inserito un'immagine.
il problema è il seguente: inserendo il box "content" mi abbassa anche tutto il testo contenuto nel corpo centrale :master:

perchè???
grazie

ps.se vi serve vi posto il file layout.css

[kkriminale]

io non ho capito, non è che ce l'hai online?

[blur]

ciao,
purtroppo no, ce l'ho solo in locale.
ti posto il file .css e l'immagine del problema.



body {
font:80% verdana,helvetica,sans-serif;
margin:0;
padding:0
}
h1 {font:80% verdana,helvetica,sans-serif; color: #009999; display:block; margin:0 1em .5em 1em; }
h2 {font:13pt verdana,helvetica,sans-serif; color: #0066cc; display:block; margin:0 0em .5em .5em; }
h3 {font: 11px,verdana, helvetica, sans-serif; color:blue; display:block; margin:0 0em .5em .5em; }


/* centrare la pagina web a larghezza fissa */
body { text-align:center }
#testa { width:829px; margin:0em auto; text-align:left }
#riga { width:829px; margin:0em auto; text-align:left }
#corpo { width:829px; margin:0em auto; text-align:left}
#piedipagina { width:829px; margin:0em auto; text-align:left }

/* testa */
#testa {
float: left;
background:#fff;
border:1px solid #ccc;
padding:0em 0;
}
/* riga */
#riga {
float: left;
position:relative;
background-image: url(file:///C|/lavori/icom/immagini/barra1.gif);
background-repeat: repeat;
border:1px solid #ccc;
padding:0em 0;
}
/* corpo */
#corpo {
float:left;
position:relative;
background:#fff ;
border:1px solid #ccc;
}
#corpo-colonna1 {
float:left;
position:absolute; top:0; left:0;
width:50px;
background:#fff ;
border: 0px solid #ffcc66;
padding:1em 0;
}
#content {
position: relative;
top: 197px;
left: -4px;
padding: 0px;
margin: 0px;
background: #fff;
border: 1px solid #ffcc66;
width: 164px;
height: 223px;



}
#corpo-colonna2 {
margin:0 200px 0 160px;
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
background:#fff;
padding:1em 0;
}
#corpo-colonna3 {
position:absolute; top:0; right:0;
text-align:center;
width:200px;
padding:0.5em 0;
}

table {
font-family: arial;
font-size: 2;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
background-color: #FFcc66;
text-align: center;

}

/*pie' di pagina */
#piedipagina {
float:left;
background:#fff;
border:1px solid #ccc;
padding:1em 0;
}

[ciro78]

il codice sembra quello di windows non si capisce niente...io non capisco perchè usi tutti quei float left a che ti servono...usa position absolute

[blur]

veramente i float sono nel file originale layout_a_tre_colonne.css scaricato da constile.org...
forse sono io che sto facendo un mix incasinato?

[ciro78]

in effetti mi perdo nel tuo css non lo capisco tanto