Comment fixer une image sous IE (marche sous FF)

sv · Message par sv » 09 juil. 2007, 22:09

Bonjour,
je débute totalement en HTML et je n'y connais pas grand chose.
Mon problème est que je veux fixer une image sur ma page d'acceuil, chose qui fonctionne parfaitement sous FF à l'aide de la fonction "position: fixed" mais sous IE celà ne fonctionne pas du tout

.
Voici la partie de code en cause de ma page :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Ma collection</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 255);"
alink="#000099" link="#000099" vlink="#990099">
<img src="Gifs/Euro.gif">
</body>
</html>

Merci d'avance pour votre aide, merci d'être précis et très simple dans vos explications vu mon niveau très faible en HTML
cordialement

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506; InfoPath.2)

Mongo Bob · Message par **Mongo Bob** » 09 juil. 2007, 22:44

sv a écrit :sous IE celà ne fonctionne pas du tout

Il faudrait un peu de précisions sur ce que donne l'affichage FF par rapport à l'affichage IE.
Apparemment, IE7 positionne le bloc du + bas que FF, comme si la valeur de "top" était + grande que ce que détermine FF.
Les valeurs de "left" semblent être interprétées de la même façon par les 2 navigateurs = le est positionné latéralement au même endroit à vue de nez.
J'ai trouvé ça :

http://www.presence-pc.com/forum/ppc/Programmation/compatible-firefox-sujet-3012-1.htm a écrit :position: fixed; -> 'fixed' n'est pas une règle CSS connue par IE..

Mais voilà tout simplement :
http://forum.alsacreations.com/faq/faq- ... lorer.html

Mongo Bob · Message par **Mongo Bob** » 09 juil. 2007, 22:50

et dans le 2ème lien, je pense que ceci est judicieux :

Alsacréations a écrit :Par exemple, on peut, à l'aide d'une feuille de style réservée à Internet Explorer via des commentaires conditionnels, adresser à IE une position absolue au lieu d'une position fixe

Essaie plutôt "absolute" et pour IE et pour FF, ou débrouille-toi pour que ta page soit acceptable et cohérente malgré une différence de positionnement FF-IE.
Autre chose :

Alsacréations a écrit :A l'heure actuelle, Internet Explorer (jusqu'à sa version 6) ne reconnaît pas la valeur "fixed" appliquée à la propriété "position".

et jusque dans sa version 7, apparemment, selon ce que je viens de voir, faut juste attendre IE17 et ça va être bon...

sv · Message par sv » 10 juil. 2007, 09:52

Merci à vous Mongo Bob, mais pour ce qui est du léger décalage avec le top, pour le moment ce n'est pas génant. Ce qui m'inquiète le plus c'est cette histoire de "Fixed" (qui fonctionne sous FF) qu'il faudrait remplacer par "Absolute" et créer une feuille de style, moi je veux bien mais comment on fait pour créer une feuille de style, la joindre a ma feuille existante, et quel code je mets dedans.
Je suis vraiment désolé mais étant totalement débutant, j'ai un niveau ras les paquerettes.
Encore désolé
Et merci à tous et à toutes pour votre aide et vos explications

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506; InfoPath.2)

sv · Message par sv » 10 juil. 2007, 09:53

Pour info, je fais mes pages sous NVU si ça peut aider....

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506; InfoPath.2)

Mongo Bob · Message par **Mongo Bob** » 10 juil. 2007, 10:09

Je comprends pas du tout ton raisonnement :

sv a écrit :pour ce qui est du léger décalage avec le top, pour le moment ce n'est pas génant

C'est donc bien ça ton pb?
Je t'ai demandé :

Il faudrait un peu de précisions sur ce que donne l'affichage FF par rapport à l'affichage IE.

chez toi, voulais-je dire?

sv a écrit :Ce qui m'inquiète le plus c'est cette histoire de "Fixed" (qui fonctionne sous FF) qu'il faudrait remplacer par "Absolute" et créer une feuille de style, moi je veux bien mais comment on fait pour créer une feuille de style, la joindre a ma feuille existante, et quel code je mets dedans.

Ceci ne devrait t'inquiéter que si tu as un pb d'affichage précis à corriger et que ce serait la solution mais on peut pas savoir : pour l'instant, on a pas de précisions de ta part sur la 1ère question, pas une ligne de code, rien.
Pourquoi changer en "absolute" si "fixed" peut passer quand même : dépend de ton pb d'affichage, encore une fois!
D'autre part :

sv a écrit :comment on fait pour créer une feuille de style, la joindre a ma feuille existante, et quel code je mets dedans.

Il y a plein de ressources qui existent sur ces sujets, t'inquiète pas et donne nous donc ton code?!
(je ne fais pas de remarques sur le vouvoiement, il tombera de lui-même!

)

klaviebel · Message par **klaviebel** » 10 juil. 2007, 10:43

moi je veux bien mais comment on fait pour créer une feuille de style, la joindre a ma feuille existante, et quel code je mets dedans.

Est-ce que tu es allé voir le tuto d'Ymai???

http://info.sio2.be/kpz/2/index.php

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

sv · Message par sv » 11 juil. 2007, 18:38

bonjour,
sous FF mon image Euro.gif reste bien toujours à la même place sur l'écran même lorsque je scroll l'image suit le défilement de ma page, alors que sous IE, lorsque je scroll l'image monte avec le texte alors que je veux qu'elle reste aux coordonnées données même lorsque je scroll. En résumé, je veux que l'image soit toujours visible à l'écran et au même endroit même lorsque je scroll, ce qui fonctionne avec FF mais pas avec IE.

J'ai vu que le problème était connu sous IE (qui ne serait apparement pas aligné sur les protocoles vis a vis des autres navigateurs) par beaucoup de gens mais je ne comprend pas comment le résoudre.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Ma collection</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 255);"
alink="#000099" link="#000099" vlink="#990099">
<img src="Gifs/Euro.gif">
<img src="Gifs/Carte.gif">
</body>
</html>

C'est l'image Euro.gif (en gras dans le code) dans le code qui est en question, elle suit le scroll sous FF mais pas sous IE

Je suis désolé si je m'explique mal dans ma requête, mais j'essaie de faire de mon mieux pour que vous compreniez mon problème

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506; InfoPath.2)

Geckozone

Comment fixer une image sous IE (marche sous FF)

Comment fixer une image sous IE (marche sous FF)

Qui est en ligne ?