Bruk av position i IE 7.0 (CSS)

ttsam · 14. januar 2008

Hei

Jeg har følgende kode i et stilark (CSS):

-------------------------------------------------------------------------------------

body {background: black; color: silver;}

div#header {position: fixed; top: 0; bottom: 80%; left: 20%; right: 0;

background: gray; margin-bottom: 2px; color: yellow;}

div#sidebar {position: fixed; top: 0; bottom: 0; left: 0; right: 80%;

background: silver; margin-right: 2px; color: maroon;}

div#main {position: fixed; top: 20%; bottom: 0; left: 20%; right: 0;

overflow: auto; background: white; color: black;}

------------------------------------------------------------------------------------

Jeg har følgene html kode for siden:

------------------------------------------------------------------------------------

<body>

<p>Sidehode</p>

</div>

<ul>

<li>Dette er punkt 1</li>

<li>Dette er punkt 2</li>

<li>Dette er punkt 3</li>

</ul>

</div>

<p>Hovedområde</p>

</div>

</body>

-----------------------------------------------------------------------------------

Dette gir seg riktig utslag i Opera:

mens IE 7.0 gir dette utslaget:

Er det noen som vet hvorfor dette skjer. IE skal jo kunne takle position? Er det noen egenskaper jeg må inn og sette i IE?

Anbefalte innlegg