Bruk av position i IE 7.0 (CSS)

ttsam · 15. 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:

Opera.bmp

mens IE 7.0 gir dette utslaget:

IE_7.0.bmp

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?

semafor · 15. januar 2008

bmp?

Kan vi få se koden? Har du doctype?

17. januar 2008

bruk heller floats enn absolutte posisjoner.

ttsam · 17. januar 2008

bmp?

Kan vi få se koden? Har du doctype?

Takk for svar. Her er hele koden:

<html>

<head>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

</head>

<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>

</html>

Jeg ser at når jeg legger inn:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

så funker det. Takk for tipset!

Endret 17. januar 2008 av ttsam

semafor · 17. januar 2008

Ja, bare hyggelig.

Grunnen er at når det ikke finnes doctype, blir IE6 og 7 mer en drittbrowser enn den er til vanlig.

http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

Logg inn

Bruk av position i IE 7.0 (CSS)

Anbefalte innlegg

ttsam

Lenke til kommentar

Videoannonse

semafor

Lenke til kommentar

Gjest Slettet+9018234

Lenke til kommentar

ttsam

Lenke til kommentar

semafor

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer