Position fixed en css

**pas30** · 01/02/2009, 03h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**pas30** · 01/02/2009, 11h37

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 ?

**pas30** · 02/02/2009, 02h06

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Je l'ai remplacé par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**StAfX** · 03/02/2009, 11h13

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

A+

Stef.

Position fixed en css

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager