[xhtml] & floating object probleem

[Verwijderd]

Ik wil op mijn website graag een floating plaatje(een plaatje dat mee scrolled met de gebruiker) en heb hiervoor een javascriptje geschreven. Dit werkt op zich prima, zolang ik de doctype voor xhtml maar niet toevoeg. Zodra ik dit doe scrolled het plaatje dus niet meer mee.

Het plaatje wordt zo toegevoegd: <div id="naam"><img blabla /></div> en met de functie getElementById("naam") haal ik het object op, en voert het script hier bewerkingen op uit.

Aangezien het scriptje prima werkt als ik de doctype weglaat kan ik niet anders concluderen dat de fout veroorzaakt wordt door de transitional dtd.

Heeft iemand hier een oplossing voor ? Het moet namelijk wel mogelijk zijn om een floating object te plaatsen in xhtml aangezien je op cross-browser.com hiervan een voorbeeld vindt.

getest op IE 6

[Verwijderd]

Welke browser gaat fout?
Kijk anders eens hoe het hier gaat http://www.theinstitute.nl/. Die is ook valid XHTML.

Er is ook een mooie niet-JS oplossing:

code:

<img style="position:fixed: bottom:0px; left:0px;" ... >

[Verwijderd]

voor Mozilla kan je iig de CSS propertie position: fixed gebruiken dat zorgt ervoor dat de layer blijft staan waar je hem wilt hebben, ik neem aan dat je IE 6 bedoel in je voorbeeld aangezien de DOM enigzins veranderd als je de xhtml doctype gebruikt.

http://www.xs4all.nl/~ppk/js/browsers5.html#ie6

[Verwijderd]

Verwijderd schreef op 14 november 2002 @ 17:08:
getest op IE 6

Gebruik

code:

document.documentElement.scrollTop

voor IE6 i.p.v.

code:

document.body.scrollTop

[Verwijderd]

Verwijderd schreef op 14 november 2002 @ 17:52:
[...]

Gebruik

code:

document.documentElement.scrollTop

voor IE6 i.p.v.

code:

document.body.scrollTop

hmm, als ik dat verander scrolled het object helemaal niet meer.

[Verwijderd]

Verwijderd schreef op 14 november 2002 @ 18:20:
hmm, als ik dat verander scrolled het object helemaal niet meer.

Hmm, gebruik het dan maar niet

[Clay]

in xhtml MOET je je positities perse in een eenheid opgeven (px waarschijnlijk in het geval van een div) anders wordt het genegeerd. Dus de kans in groot dat je in je stylesheet gewoon die px niet hebt staan.

position:absolute; left:10; top:10;

gaat dus in xhtml niet werken, moet px bij.