Ciao a tutti
sto realizzando un layout fisso a due colonne: la colonna di sinistra (div#boxsx) e la colonna di destra (div#boxdx). La colonna di sinistra, con IE6, si colloca a sinistra ma in modo scorretto per quel che riguarda l'altezza: la colonna in questione infatti inizia non appena termina in altezza la colonna di destra. Per inciso, il contenitore che racchiude i due box è grande 960px, la colonna di destra 760px e quella di destra 200px
Ora, non ho utilizzato margini e padding se non per il testo, con IE >= 7, Firefox Opera e Safari vedo tutto benissimo. Secondo voi da cosa può dipendere? Non ho considerato qualche spaziatura tra i due blocchi? Il tutto è caricato sul mio spazio web di test (mksoftware.altervista.org/test). In ogni caso, eccovi il codice:
Grazie anticipatamente a tutti per l'aiutocodice:@charset "utf-8"; /* CSS Document */ body { margin: 0px; background-image: url(images/ff4/body_background.jpg); background-attachment: fixed; } p, a, span { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; } p, span { color: #FFC; } p { margin: 0px 15px 0px 15px; } a, a:visited { color: #309; } a:hover { color: #090; } div#corpo { width: 960px; margin: auto; background-image: url(images/ff4/corpo_background.jpg); background-repeat: no-repeat; background-color: #BDBDBD; overflow: auto; } div#head { width: 960px; height: 250px; background-image: url(images/ff4/head.jpg); } div#menu { width: 960px; height: 50px; background-image: url(images/ff4/menu.jpg); } div#menu img { border: 0px; } div#boxsx { width: 760px; margin: 0px; display:inline; overflow:hidden; } div#boxsx_head { width: 760px; height: 35px; background-image: url(images/ff4/boxsx_head.png); } div#boxsx_head p, div#boxdx_head p { line-height: 45px; color: #306; font-size: 16px; font-weight: bold; text-transform: uppercase; } div#boxsx_body { width: 760px; height: auto; background-image: url(images/ff4/boxsx_body.png); } div#boxsx_body p { padding-top: 10px; padding-bottom: 10px; } div#boxsx_foot { width: 760px; height: 35px; background-image: url(images/ff4/boxsx_foot.png); } div#boxdx { width: 200px; margin: 0px; float: right; display:inline; overflow:hidden; } div#boxdx_head { width: 200px; height: 35px; background-image: url(images/ff4/boxdx_head.png); } div#boxdx_body { width: 200px; height: auto; background-image: url(images/ff4/boxdx_body.png); } div#boxdx_foot { width: 200px; height: 35px; background-image: url(images/ff4/boxdx_foot.png); }

Rispondi quotando