28220 sujets

CSS et mise en forme, CSS3

Z-index OK sous IE mais pas sur FF

salut à toutes/tous !

j'ai mis 2 images derrière un texte:


<span style="top: 10px; left: 5%; z-index:-10; position:absolute;"> <img src="catalogue/images/welcome.gif" /></span>

<span style="top: 60px; right: 5%; z-index:-10; position:absolute;"> <img src="catalogue/images/bienvenue.gif" /></span>


on les voit sous internet explorer, mais pas sous firefox. pourquoi ???? comment faire ????

test ici (le 3.10.06): http://www.videogeneva.com

merci d'avance. et désolé si déjà posté. j'ai cherché sans trouver.
Bonjour djthal,

Pour commencer tu devrais vérifier la validité de ton code HTML.

Ensuite pour tes images tu devrais les rassembler pour n'avoir qu'une seule image et l'utilisée au travers de la propriété background de ton div "welcome".


#welcome {
background: #B7DBFF url(/catalogue/images/welcome.gif) 100px 80px no-repeat;}


Avec ça, tu devrais obtenir la mise en forme que tu souhaites.

a+
salut et merci pour la réponse.

mais mettre une image en fond (background) ne résoudra rien. ce n'est pas du tout le même résultat. je veux que si la page est redimensionnée, l'image en fond bouge en même temps, derrière les paragraphes.

donc une seule image n'ira pas.

une image en fond (background) de chaque paragraphe ne va pas non plus car l'image de fond est coupée si la page est redimensionnée plus petite.

le résultat obtenu sur IE est tout à fait ca. j'aimerais juste la même chose sur FF. comment faire, les spécialistes ?

merci @++
Heuh...

Je vais finir par faire du copier coller de mes trucs de débrouillardise forcément pas cleans.

ATTENTION : Je suis un n00b en HTML alors si quelqu'un te proposes quelque chose de mieux n'hésite pas à oublier ce que je vais dire.

La seule façon que j'ai trouvé pour ne pas avoir de problèmes de différences entre IE & FF c'est de tout coller dans des DIVs. Tu joues alors sur le z-index des DIVs et il n'y alors plus aucun problème de différence IE / FF
:edit:

non je n'ai pas trouvé la source du problème en fait. mais je constate que le texte de la colonne de gauche s'affiche par dessus, mais pas à droite...

@+++
Modifié par djthal (04 Oct 2006 - 22:57)
Sujet clos
Aller à