[css] div uitlijning ie6 vs ie7/ff2.0/opera

[hanneshoffie]

Hallo,

ik heb een stuk css code geschreven die in de browser ie7,ff2.0 en opera goed werkt.
Alleen in ie6 lijnt hij de 2e div 10px teveel naar links uit.

code:

/* een deel ervan*/
*{
margin:0px;
padding:0px;
}
html,body{
margin:0px;
padding:0px;
min-height:100%;
height:100%;
}
html>body #geheel { 
height:auto;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
background-color:#990000;
text-align:center;
}
#geheel{
    margin:auto;
    height:100%;
    min-height:100%;
    padding-top:0px;
    width:800px;
    background-image:url(back.gif);
    background-repeat:repeat-y;
    }
#footer{
    width:800px;
    background-image:url(back20.gif);
    height:20px;
    margin:auto;
    text-align:left;
    font-size:12px;
}

Het geheel staat zo boven de footer:

code:

<div id="geheel">
</div>
<div id="footer">
</div>

de achtergronden zijn hetzelfde allebei 800 px breed.
ik heb al de volgende dingen geprobeerd.

- dmv een container: absolute evv met relative uitlijnen.
- padding/ margins
- display
- float/clear

allemaal geen invloed.
het lijkt op een 'bekende' ie6 bug.

bedankt alvast.
groeten

[Verwijderd]

Je kan de _hack gebruiken en ie6 dan 10 pixels extra naar links laten renderen.
[edit]
Zo eenvoudig ligt het ook weer niet denk ik, maar je kan ie6 natuurlijk een procentuele marge opgeven ofzo.

[ Voor 42% gewijzigd door Verwijderd op 31-01-2007 20:05 ]