Internet Explorer laat scrollbalk verspringen - Softwareontwikkeling

donderdag 26 oktober 2006 20:47

Acties:

Verwijderd

Topicstarter

Momenteel ben ik bezig met het maken van een test-site. Deze wil ik waarschijnlijk, als hij af is, online gooien met een domein eraan. Echter ik kom tegen het volgende probleem aan:
Afbeeldingslocatie: http://home.hetnet.nl/mr_10/139/leon.lambrix/got/css.jpg

Afbeeldingslocatie: http://home.hetnet.nl/mr_10/139/leon.lambrix/got/css.jpg

_{boven is FireFox, onder is IE}

Zoals je al kunt zien verspringt de scrollbalk in Internet Explorer. Nu heb ik op google gezocht met de termen 'scrollbar IE', 'verspringende scrollbalk' en nog meer van deze termen, maar helaas kom ik er niet uit. De site is hier te bekijken. Is hier een oplossing voor?

Cascading Stylesheet:

div.border {
width : 600px;
height : 400px;
border : 1px solid #000000;
      }
div.nav {
width : 600px;
height : 25px;
font-stretch : wider;
font-weight : bold;
text-align : justify;
word-spacing : 2em;
}
div.nav a {
font-size : 14px;
height : 25px;
line-height : 2em;
color : #000000;
text-decoration : none;
}
div.tekst {
overflow : auto;
height : 375px;
}

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[..]
<body>
<div class="border">
<div class="nav">
<a href="index.html">home</a> // <a href="#">webdesign</a> // <a href="#">graphicdesign</a> // <a href="#">contact</a>

</div>
<div class="tekst">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem leo, ullamcorper eu, pretium sed, ullamcorper non, metus. Sed faucibus. Suspendisse pellentesque. Duis elit. Phasellus luctus auctor quam. Nulla faucibus euismod urna. Etiam consequat interdum tortor. Nam nunc. In gravida luctus eros. Nunc et quam. Mauris in nibh a sem suscipit tincidunt. Mauris porttitor orci at erat. Fusce a diam. Cras interdum, nunc nec pharetra tempor, felis turpis aliquet neque, vel suscipit dolor nibh et arcu. Vivamus tincidunt enim quis felis. Etiam id augue sit amet dui lacinia congue. Integer mattis luctus est. Duis nisi odio, vestibulum ut, pretium vel, pulvinar sit amet, lorem. Mauris quam. Nunc vitae nisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem leo, ullamcorper eu, pretium sed, ullamcorper non, metus. Sed faucibus. Suspendisse pellentesque. Duis elit. Phasellus luctus auctor quam. Nulla faucibus euismod urna. Etiam consequat interdum tortor. Nam nunc. In gravida luctus eros. Nunc et quam. Mauris in nibh a sem suscipit tincidunt. Mauris porttitor orci at erat. Fusce a diam. Cras interdum, nunc nec pharetra tempor, felis turpis aliquet neque, vel suscipit dolor nibh et arcu. Vivamus tincidunt enim quis felis. Etiam id augue sit amet dui lacinia congue. Integer mattis luctus est. Duis nisi odio, vestibulum ut, pretium vel, pulvinar sit amet, lorem. Mauris quam. Nunc vitae nisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem leo, ullamcorper eu, pretium sed, ullamcorper non, metus. Sed faucibus. Suspendisse pellentesque. Duis elit. Phasellus luctus auctor quam. Nulla faucibus euismod urna. Etiam consequat interdum tortor. Nam nunc. In gravida luctus eros. Nunc et quam. Mauris in nibh a sem suscipit tincidunt. Mauris porttitor orci at erat. Fusce a diam. Cras interdum, nunc nec pharetra tempor, felis turpis aliquet neque, vel suscipit dolor nibh et arcu. Vivamus tincidunt enim quis felis. Etiam id augue sit amet dui lacinia congue. Integer mattis luctus est. Duis nisi odio, vestibulum ut, pretium vel, pulvinar sit amet, lorem. Mauris quam. Nunc vitae nisi.</p>
</div>
</div>
</body>
</html>

[ Voor 64% gewijzigd door Verwijderd op 26-10-2006 21:02 ]

donderdag 26 oktober 2006 20:56

Acties:

BasieP

strip je code eens, haal iig je font-properties bij je css weg, daar hebben we niks aan (voor dit voorbeeld dan)

wat ik al zie wat niet klopt is dat je 'body' 600px breed is, en je 'nav' divje 615.. lijkt me al niet slim (hoewel het wel zou moeten kunnen werken)

sowieso is het meestal gebruikelijk om dat wat jij in je body zet, in een 'wrapper' divje te doen. aangezien niet alle browsers het leuk vinden als je de body zo aanpast

This message was sent on 100% recyclable electrons.

donderdag 26 oktober 2006 21:03

Acties:

Verwijderd

Topicstarter

BasieP schreef op donderdag 26 oktober 2006 @ 20:56:
strip je code eens, haal iig je font-properties bij je css weg, daar hebben we niks aan (voor dit voorbeeld dan)

wat ik al zie wat niet klopt is dat je 'body' 600px breed is, en je 'nav' divje 615.. lijkt me al niet slim (hoewel het wel zou moeten kunnen werken)

sowieso is het meestal gebruikelijk om dat wat jij in je body zet, in een 'wrapper' divje te doen. aangezien niet alle browsers het leuk vinden als je de body zo aanpast

Ik heb het aangepast, de eigenschappen die jij noemde heb ik in een 'wrapper'-div gezet.

En hij werkt nu ook onder IE. Zou het dan toch met die margin-left van 25px te maken hebben in het nav-divje?

_{geen idee dat de oplossing zo simpel was, ik keek er waarschijnlijk overheen}

[ Voor 5% gewijzigd door Verwijderd op 26-10-2006 21:04 ]

donderdag 26 oktober 2006 21:12

Acties:

BasieP

Verwijderd schreef op donderdag 26 oktober 2006 @ 21:03:
[...]

Ik heb het aangepast, de eigenschappen die jij noemde heb ik in een 'wrapper'-div gezet.

En hij werkt nu ook onder IE. Zou het dan toch met die margin-left van 25px te maken hebben in het nav-divje?

_{geen idee dat de oplossing zo simpel was, ik keek er waarschijnlijk overheen}

waarschijnlijk wel.
even voor de compleetheid: de breedte van een divje is de width, margin en padding bij elkaar

en hier:
http://css.nu/pointers/bugs-ie.html
staat onder andere bij IE 5:
"width on body is ignored", en misschien is dat bij IE6 ook nog zo

This message was sent on 100% recyclable electrons.

donderdag 26 oktober 2006 21:13

Acties:

BasieP

Verwijderd schreef op donderdag 26 oktober 2006 @ 21:03:
[...]

Ik heb het aangepast, de eigenschappen die jij noemde heb ik in een 'wrapper'-div gezet.

En hij werkt nu ook onder IE. Zou het dan toch met die margin-left van 25px te maken hebben in het nav-divje?

_{geen idee dat de oplossing zo simpel was, ik keek er waarschijnlijk overheen}

waarschijnlijk wel.
even voor de compleetheid: de breedte van een divje is de width, margin en padding bij elkaar

This message was sent on 100% recyclable electrons.

Reageer