Problema layout

[keratox]

Ho questo css

#left{
margin:0;
padding:0;
width:20%;
float:left;
height:auto;
}
#center{
float:left;
width:60%;
height:auto;
margin:0;
padding:0;
}
#right{
float:right;
margin:0;
padding:0;
width:20%;
height:auto;
}

Per questo

<div id="left">

</div>

<div id="center">

</div>

<div id="right">

</div>

Perche', se io inserisco testo o qualunque altra cosa in <div id="center"> il <div id="right"> mi va sotto questa ????

Mi succede solo con IE.

[floyd46]

ti conviene inscrivere tutto in un #container;
all'interno di questo ci metti i tuoi 3 div;
ti consiglio di leggere un pò di tutorial presenti nel sito di html.it
ciao

[rebelia]

inserisci tutto in un div contenitore come suggerisce floyd e dagli position: relative

poi fissa con position absolute i div di dx e sx e dai al div centrale un margin left e right pari alla larghezza dei due div laterali; io l'ho testato e funziona alla grande

trovi questo ed altri tutorial qui

[keratox]

Originariamente inviato da floyd46
ti conviene inscrivere tutto in un #container;
all'interno di questo ci metti i tuoi 3 div;
ti consiglio di leggere un pò di tutorial presenti nel sito di html.it
ciao

c'è gia'

[keratox]

Originariamente inviato da rebelia
inserisci tutto in un div contenitore come suggerisce floyd e dagli position: relative

poi fissa con position absolute i div di dx e sx e dai al div centrale un margin left e right pari alla larghezza dei due div laterali; io l'ho testato e funziona alla grande

trovi questo ed altri tutorial qui

ehm...
a me piacerebbe risolvere questo problema, se è possibile... non cancellarlo utilizzando altro

[rebelia]

Originariamente inviato da keratox
ehm...
a me piacerebbe risolvere questo problema, se è possibile... non cancellarlo utilizzando altro

perche' cancellare? devi solo cambiare gli attributi del css, rendendo stabile la tua struttura

cmq nel link che ti ho dato trovi diversi tutorial per tutti i gusti: sfoglia e sono sicura che troverai la soluzione giusta al tuo problema

[keratox]

Ho risolto, c'era solo un po' di conflitto fra percentuali.

Impostando semplicemente 58% a #center va tutto bene.



ciao