Css dans firefox - Postionnement d'une image

Résolu/Fermé
Hammo - 24 août 2007 à 16:51
 hammo - 3 sept. 2007 à 14:57
Bonjour,

Je suis entrain de faire un site et j'ai un problème avec le positionnement css.
Quand je positionne une image avec la balise <span> y a un problème.
Avec internet explorer, l'image est positionnée sans problème, mais avec firefox, le positionnement ne se fait pas.
Par exemple si je fais ça:

<html>
<head></head>
<body>
<SPAN style="position: absolute; top:50 px; left: 300 px;width: 424px; height: 77px">
<img src="image.jpg" width=424 height=77>
</SPAN>
</body>
</html>

Je voudrais que le positionnement se fasse aussi avec firefox.

Est-ce que qqun a la solution?

Merci!
A voir également:

12 réponses

hé ya pa qe d intelo ici!!!!!!
0
LeYaude Messages postés 304 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 8 février 2009 46
24 août 2007 à 21:02
Je suis pas spécialiste du style à l'intérieur des balises, mais ne manquerait-il pas un ";" après le "77px" ?

De plus personnellement je mettrais span en minuscules, mais je ne pense pas que ça change grand chose.

C'est bien la première fois que je vois IE plus doué que FF pour du CSS ! lol
0
LeYaude Messages postés 304 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 8 février 2009 46
24 août 2007 à 21:14
Je suis pas spécialiste du style à l'intérieur des balises, mais ne manquerait-il pas un ";" après le "77px" ?

De plus personnellement je mettrais span en minuscules, mais je ne pense pas que ça change grand chose.

C'est bien la première fois que je vois IE plus doué que FF pour du CSS ! lol

Configuration: Linux
Opera 9.21
0
Merci pour ta réponse.
Malheureusement c'est pas ça...

Merci, bonne journée.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 sept. 2007 à 16:41
Bonjour,

Essaye ça :
<span style="position: absolute; top:50px; left: 300px; width: 424px; height: 77px"> 
  <img src="image.jpg" width="424" height="77" alt="quelque chose"> 
</span>
Tu as remarqué les espaces en moins et les " " ?

Sinon, remplace les span> par des p> ?

--
0
Ciao,

Merci pour ta réponse, mais ça n'a malheureusement rien changé.

Merci quand même, bonne soirée.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 sept. 2007 à 21:42
Pourtant ça marche.
0
J'ai alors peut-être pas compris.
Tu peux me donner le code entier html du fichier qui marche?
Comme ça je ferai simplement un copier-coller.

Merci
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 sept. 2007 à 22:44
Le voici.
Avec une variante :
<html> 
<head>
<title>span en absolute</title>
</head> 
<body>
  En haut, le style est dans le <span><br />
  <span style="position: absolute; top:50px; left: 300px; width: 424px; height: 77px; border:1px solid #f00;"> 
    <img src="image.jpg" width="424" height="77" alt="quelque chose"> 
  </span>
  En bas, le style est dans le  <img><br />
  <span> 
    <img style="position: absolute; top:300px; left: 30px; width: 300px; height: 370px; border:1px solid #f00;"
    src="image.jpg" width="300" height="370" alt="quelque chose d'autre"> 
  </span>
</body> 
</html>
0
Ah oui, ça marche cette fois :-).
Est-ce que tu peux m'expliquer un peu ton code s.t.p? Et quelle est la différence avec ce que moi j'ai fais?

Je te remercie, bonne journée.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
3 sept. 2007 à 14:54
Les différences sont minimes. Mais importantes.
Les espaces servent de séparateurs. Si tu en insères là ou il ne devrait pas y en avoir, ton code signifie autre chose. Autre chose que le navigateur ne sait pas interprêter.

En haut, ton code.
En bas, le mien.
  style="position: absolute; top:50 px; left: 300 px;width: 424px; height: 77px"
  style="position: absolute; top:50px; left: 300px;width: 424px; height: 77px;"
Le HTML aussi obéit à certaines règles.
  src="image.jpg" width=424 height=77
  src="image.jpg" width="424" height="77"
Le “alt” est utile lorsque l'image est absente et pour les visiteurs qui ne pourrait pas voir la page, par exemple.

--
0
Ok, je te remercie beaucoup. Mon problème est résolu.

Bon après-midi, salutations.
0