CSS problema altezza variando con IE6

Question

Ho problemi di posizionamento barra laterale sinistra (variando l'altezza DIV) su IE6.

ha bisogno principale: 1. smusso impostato valore di altezza, altezza causa è variando e dovrebbe essere calcolata dal browser. 2. Sidebar deve avere spaziature superiore e inferiore.

problema barra superiore è risolto da posizione sostituendo alla relativa.

Tutte le idee? Grazie in anticipo!

Qui sotto potete vedere il codice semplificato e fotografia istantanea come appare sul browser standard.

.container {
    left: 550px; 
    top: 10px; 
    width: 196px; 
    position: absolute; 
    line-height: 0px; 
    font-size: 1px;
}
.inner {
    width: 100%; 
    height: 114px; 
    background-color: rgb(227, 227, 227);
}
.leftbar {
    left: 0px; 
    top: 7px; 
    bottom: 7px; 
    width: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}
.topbar {
    left: 7px; 
    top: 0px; 
    right: 7px; 
    height: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}

<div class="container">
    <div class="inner"></div>
    <div class="leftbar"></div>
    <div class="topbar"></div>
</div>

LINK AL Screen Shot IMMAGINE

Answer 1

IE6 è tremendamente male quando si tratta di posizionamento assoluto. Posizionamento qualcosa allo stesso tempo da sinistra e destra o dall'alto e dal basso non funziona.

Hai sostanzialmente quattro opzioni:

1. rilasciare il supporto per IE6.
2. rinunciare posizionamento assoluto e utilizzare altri metodi (galleggianti per esempio).
3. Fornire versione dumbed giù del sito per IE6 - per esempio l'override alcuni stili usando i commenti condizionali
.
4. Usa JavaScript per aiutare IE6 nel posizionamento (ad esempio absolutefudge.js ).