Position fixed en css

Version imprimable

01/02/2009, 03h02
pas30

Position fixed en css

Voici un code que je tape et qui permet en principe de simuler la position fixed sous internet explorer et donc d'avoir la position fixed sous tous les navigateurs

Code:

echo 'document.write("<DIV ID=\'pub\' STYLE=\'position:fixed;top:0;left:0;right:0;position:expression(\'absolute\');top:expression(\'document.body.scrollTop + this.offsetHeight - this.offsetHeight\');left:expression(\'0px\');z-index:10\'></DIV>");

Ce code fonctionne parfaitement sous firefox mais pas sous internet explorer ou le positionnement de la div est incorrect
Sous firefox no problem sous internet explorer la div est tout en bas c'est n'importe quoi lol
Merci d'avance de votre aide je ne comprends pas trop ce qu'il se passe
Le code ci-dessus provient de ce site dans une FAQ XHTML
01/02/2009, 11h37
pas30

J'ai peut-être un début de réponse, j'ai mis "document.documentElement.body.scrollTop"
çà me retourne une erreur javascript mais sur ce code mais bon il est en haut de page la position fixed ne marche pas mais bon il semble que celà vienne de la DTD défini en haut de page, document.body.scrollTop ne fonctionne pas en tout cas
Comment peut-on contourner tous ces problèmes de DTD ?
02/02/2009, 02h06
pas30
En testant je viens de me rendre compte que même sous internet explorer la position fixed ne fonctionnait pas... J'avais ce code en haut de page :

Code:

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

Je l'ai remplacé par :
Code:

1 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Et le positionnement redevient correct et la position fixed fonctionne aussi...
Sachant que mon code va devoir s'exécuter sur des sites avec des doctype différents, je sens que mon code va planter très souvent car il semblerait que le doctype transforme la disposition de ma div
03/02/2009, 11h13
StAfX

regarde ce tuto, tu verras comment gérer tes éléments fixes.

A+

Stef.