Le colonne si sovrappongono

[gaetanoTwins]

Ciao ragazzi, ho un problema...ho tre colonne disposte nell'ordine :colonna1 ,colonna2, colonna3.

Il problema è che al restringersi della pagina la colonna3 si sovrappone alla colonna2.
Il css è il seguente:

#corpo-colonna2 {
margin:0 200px 0 200px;
height: 100%;
background:##dfe6ef
}

#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:200px;
height: 100%;
}

#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:200px;
height: 100%;
}


#corpo {
position:relative;
height: 100%;
background:##efefef;
}

/* serve per lasciare il margine tra le tre colonne centrali*/
code {
font:80% verdana,helvetica,sans-serif;
display:block;
margin:0 1em .5em 1em;
}


Come posso risolvere affinche la terza colonna nn si sovrappone alla seconda?

Grazie

[Ugly Mau]

Non so cosa devi fare di preciso ma credo ti convenga usare il posizionamento float invece che l'absolute,e magari usare il margin tra i div per posizionarli....

[gaetanoTwins]

In verità sto utilizzando un css template preso dalla rete e nn sono esperto di css, nn ho ben capito il tuo suggerimento.
Quello che vorrei è che al restringersi della pagiana le tre colonne nn si sovrappongono cosa che mi succede per la terza colonna che si butta sulla seconda...invece la prima e la seconda colonna restano ben separate.

Il codice html che utilizza la struttura css che vi ho postato è il seguente:

<div id="corpo">
<div id="corpo-colonna1">
bla bla bla bla bla bla
</div>
<hr />
<div id="corpo-colonna2">
<div id="header">
<div id="logo">
<h1>bla bla</h1>
<h2>bla blabla bla</h2>
</div>
</div>

bla bla bla bla bla bla

</div>
<hr />
<div id="corpo-colonna3"> bla bla bla bla bla bla bla bla</div>
</div>


Spero di avervi dato le giuste informazioni per essere aiutato.

Grazie ancora ragazzi.

[Myaku]

come ti è già stato detto, per affiancare le colonne puoi usare i posizionamenti con i float. Poichè è una "tecnica" direi fondamentale, credo anche che qualsiasi buona guida sui css te lo spieghi nella maniera adeguata. Prova a vedere tra le guide di html.it.

Cyà