body inspiegabilmente lungo in ie

lumpi

body inspiegabilmente lungo in ie

Ciao a tutti,
volevo sottoporvi un problema capitatomi facendo un sitarello molto semplice.

In pratica il sito non presenta problemi di visualizzazione se non che tutte le versioni di ie (esclusa la allungano il body come se i vari div non fossero riposizionati tramite "position" e "z-index".

Vi è mai capitato? Soluzioni?
Non ho trovato niente sul web, ho comunque risolto cambiando il modus operandi.

A seguire codice html e css


<body>
 <div id="content">
   <div id="header">
     <a href="index.html" >Home</a>
     <a href="interna.html" >Pagina</a>
   </div>
   <div id="left_split"></div>
   <div id="barra_nav">
     <h1>Benvenuti</h1>
     <p>test<br />e ancora test</p>
   </div>
   <div id="center"></div>
 </div>
</body>
</html>
``` e

body{background-color: #000;
text-align: center;
margin: 0;
max-height: 910px;
}

#content{width: 950px;
max-height: 910px;
margin: 0 auto;
text-align: left;
position: relative;
z-index: 0;
}

#header{max-width: 950px;
background: #888;
max-height: 60px;
position: relative;
top: 85px;
left: 0px;
z-index: 10;
padding: 10px 0 10px 250px;}

#left_split{width: 165px;
height: 910px;
background: #3b2739;
position: relative;
top: -60px;
left: 30px;
z-index: 100;
padding: 30px 5px 0 0;
text-align: right;}

#barra_nav{width: 680px;
height: 145px;
background:;
position: relative;
top: -770px;
left: 255px;
border: 2px solid;
z-index: 50;}

#center{width: 950px;
height: 562px;
position: relative;
top: -850px;
left: 0px;
z-index: 20;
background:;}

/testi e link/

color: #bdb4bc;
margin: 0 60px 0 0;
text-decoration: none;}

}

h1{color: #442d41;
margin: 10px 0 0 10px;}

p{color: #61485e;
margin: 0 0 0 20px;}

claudio.c

Ciao,
avresti una pagina di esempio?

lumpi

Ho caricato la pagina su lumpi.it/test

Ciao

P.S. FF funziona, Safari no.

claudio.c

Da una rapida occhiata è il #left_split che da problemi, soprattutto la proprietà height.

lumpi

Allora per dovere di cronaca:

In base all'input di claudio_c (a proposito, grazie) mi sono concentrato sul #left_split e cambiando la proprietà position da relative a absolute ho risolto. Ovviamente ho dovuto riposizionare gli elementi con left e top.

Chissà perchè???:?

claudio.c

Mah, probabilmente è anche dovuto a come hai costruito il markup html; io avrei fatto diversamente, poi sai... ognuno ha la sua testa e ragiona a modo suo