[div] mi guardate la pagina in explorer

[jungle]

carissimi,
ho un problema con explorer... se mi guardate la pagina capite subito cos'è:
http://triplog.altervista.org/spec-l...php?id_luog=21

il layout è con un div superiore, tre sotto e uno in fondo. Il div centrale dovrebbe contenere ultri div, cos'ì come il centrale dx che ora è vuoto. Ma, mentre su firefox la visulaizzazzione è come la vorrei, su explorer ho un problema di allinamento...

[floyd46]

ciao
secondo me dovrebbe essere un problema di box-model;
avrai sbagliato a sommare margini, padding e/o bordi tra i vari div.
Floyd

[jungle]

ma come, è uno spazio enorme... io parlo del fatto che il div centrale è allineato al lato inferiore del div laterale sx... e non dovrebbe. Ci sono margin e border ma di due o tre pixel per le ombre etc... e fanno quello che devono.

[floyd46]

da vedere come hai scritto il CSS;
pensa che anche per un solo px un div potrebbe andare a finire sotto un altro.
ciao

[jungle]

ok il mio css è, per i 3 div centrali:

div#content{
margin:0 140px;
margin-top:0px;
margin-bottom:2em;
background-color: white;
font-size: 11px;
text-align: justify;
padding:0em 0 0 00px;
}

div#content a{color: #d71e1e; text-decoration: none; font-weight:bold; font-size:11px;}
div#content a:hover{color: #990000; text-decoration: none; font-weight:bold; font-size:11px;}
div#content a#activelink{color: #990000; text-decoration: none; font-weight:bold; font-size:11px;}


div#left{
float: left;
width: 134px;
\width:144px;
w\idth:134px;
height:100%;
background-color: white;
border-top: 0px solid white;
padding:0em 0 0 0px;
color: white;
}

div#right{
float: right;
width: 130px;
\width:140px;
w\idth:130px;
height:100%;
background-color: white;
border-top: 0px solid white;
padding:0em 0 0 0px;
color: black;
}

e per il contenuto:

div.interna{
border-left:1px solid #d71e1e;
border-bottom: 0px solid #d71e1e;
border-top: 0px solid #d71e1e;
border-right: 0px solid #d71e1e;
background-color: white;
background-image:url('./img/sfondo-tab.png');
background-position: right;
background-repeat:repeat-y;
text-align: left;
font-size: 11px;
padding: 1em;
color: #990000;
position:relative;
}