3 div affiancati

[Cesare77]

Ciao a tutti,
ho creato un sito con il body diviso in 3 div affiancati:
a sinistra il menù
al centro la pagina
a destra contenuto vario

Io vorrei creare:
Menù sinistra: 150px
Pagine centrali: 500px
Parte destra: 150px
Una volta che però vado a inserire le distanze del contenuto al lato del div mi sballa tutto così ho ridotto il width ma non con il risultato voluto.

Il problema è che a seconda del contenuto della pagina e del Browser utilizzato a video appaiono soluzioni differenti; per esempio su un browser si visualizza correttamente mentre su un altro il div centrale (ovvero la pagina) o il div di destra vengono stampati sotto il div di sinistra.

Vi riporto parte del codice del CSS attuale

#container { width: 800px; }



#menu_sinistra { float: left; width: 130px; font-size: 15px; font-weight: bold; text-align: center; line-height: 30px; color:#033; padding-top: 20px; }


#pagine { float: left; width: 410px; font-size: 15px; text-align: justify; color:#033; padding: 15px;}


#lato_destro {float: left; position: relative; width: 170px; color:#033; text-align:center; padding-left: 5px;}

Grazie mille!!

[ricman]

Originariamente inviato da Cesare77
Una volta che però vado a inserire le distanze del contenuto al lato del div mi sballa tutto così ho ridotto il width ma non con il risultato voluto.

Si... è normale...
Devi semplicemtne tenerne conto quando fai i calcoli per arrivare ai tuoi 800px

[Cesare77]

Bè... non mi sembra difficile, è solo una addizione.
Ma allora perchè non funziona??

Se io sommo il width di tutti e tre i div ovvero:

130 + 410 + 170 = 710px

e aggiungo il padding 15 + 15 +5 = 35px

mi porta ad un totale di 710 + 35 = 745px

eppure con la versione che ho di IE mi visualizza il div centrale (l'ultimo è senza contenuto) sotto il div di sinistra.

1) Come faccio ad aggirare questo ostacolo?

2) Inoltre vorrei che il div di destra rimanesse incollato al lato destro invece varia a seconda del contenuto del div centrale (quello delle pagine) e quindi cambiando pagina il div viene spostato.
Come si può risolvere il problema?

Grazie ancora..
Cesare

[esacerbare]

Forse potresti leggere qui:

http://forum.html.it/forum/showthrea...readid=1363444

[ricman]

Originariamente inviato da esacerbare
Forse potresti leggere qui:

http://forum.html.it/forum/showthrea...readid=1363444

Già... e cmq basta saperlo... uno si tiene sempre una quindicina di px "in avanzo" ed è a posto anche per ritocchi futuri