Salut tout le monde!

Je commence à faire la compatibilitée de mon site et... Surprise! Ce n'est pas IE (bientot, je le sent ^^) mais mozilla qui me pose problème :O

En faite, je suis surpris que moz ne comprenne pas ceci:
_HTML_:
<div id="1">
<img id="2" src="peutimporte.png">
</div>
_CSS_:

1. 1 {position:relative; margin: 0 auto;}
2. 2 {position:absolute; left:10px;}

Sur GoogleChrome et IE j'ai bien ma div centré et à 10px du bord gauche l'image mais pas sur moz où j'ai ma div centré et l'image à gauche sans tenir compte de la relativité de la div...

Si vous pouviez m'aider?

Merci d'avance à vous tous

Petit up... Je n'arrive pas à trouver de solution propre pour ce que je souhaite faire

ta div a une position absolute donc elle est mobile en fonction du body
et ton image elle est fixe. par rabbort au body.
essaye
avec #1 #2 {left :10px}

oublie les position.

Normalement, quand je positionne un element en absolut dans un block lui même en relatif, je peux utiliser un positionnement par rapport à ce block.

Ca marche tres bien sous GC et IE mais pas moz...

Je ne peux pas utiliser ta solution, sinon suivant la taille de l'écran je perds le positionnement. Hors moi dans mon cas, quoi qu'il arrive ce sera centré puis décalé de 10px.

Je reprécise que ma façon de faire fonctionne tres bien... sauf moz :'(

C'est bien dans une div et pas dans une cellule de tableau ? Car Firefox ne gère pas correctement le positionnement des cellules, à tout hasard.

Est-ce que ton code est tel quel où c'est un exemple vite fait ?

Parce que les "id" ne doivent pas être des chiffres, et il faut fermer la balise img

Et voilà ça marche sur tous les navigateurs

Un petit exemple pour te montrer
http://jsfiddle.net/TtQ2G/1/

@warpShadow:
Il s'agit en effet d'un tableau... Mais je n'ai pas le choix, je ne peux pas m'en passer pour le coup :S
Une solution quand même ou je dois bidouiller pour créer une div qui contiendra mon image?

@MrGamind:
C'est un exemple, mon code est trop complexe pour être expliqué simplement (comme dit plus haut, il sagit d'un tableau avec des colonnes et lignes fusionné... Compliqué!)

Par curiosité, <img ...></img> que tu me proposes, ce n'est pas censé être devenu <img ... /> depuis le html5?

Si si autant pour moi c'est <img .../> en html 5

Une solution tout de même pour mon problème?

Personne n'a jamais eu le même problème :'(

Je commence à désespérer

"Par curiosité, <img ...></img> que tu me proposes, ce n'est pas censé être devenu <img ... /> depuis le html5?"

<img></img> n'existe pas. A mon avis il confond avec du BBCode. La vraie balise est bien <img />.

Et sinon pour ton problème je ne comprends pas vraiment. J'ai testé le fiddle fourni plus haut sur Chrome et Firefox et j'obtiens le même résultat à savoir, si j'ai bien compris, ce que tu attends vraiment.

Tu peux nous faire une capture d'écran ?

Le logo (volontairement saboté), devrait se positionner au centre comme indiqué avec la fleche orange.

Mon tableau est représenté en vert pour que vous puissiez voir la tête qu'il a.

La celulle qui contien l'image est en position relative, l'image en position absolute et malgré cela je n'ai pas le positionnement souhaiter.

Si tu as d'autres questions, n'hésite pas, je suis bien coincé la :S

Petit

Encore un :'(

Est-ce que t'es vraiment obligé d'utiliser un tableau pour faire le design ?

Parce que c'est pas fait pour et c'est caca ...

change de design

ps vire les position : absoute et relative
c'est mal !

@3615_mylife:
Dans ma tête oui je suis obligé, j'explique:
J'ai du coté droite et du coté gauche du contenu, pour que les deux gardent la même taille, je ne vois pas trop d'autres solutions. (Si tu en as une, je prends avec plaisir!)

@darkiron_2012:
Changer de disign... Bah en faite ça correspond à ce qu'on me demande de faire ^^, les goûts et les couleurs, ça ne se juge pas d'après moi

Virer les positions absolute et relative... Bah... Je veux bien mais je fais comment alors

si c'est pas ton choix tu est auto entrepreneur dans leweb ?

3div float:left;
ta largeur doit être définie sur ton body ou un conteneur
ensuite tu pose dans la 2eme div ton image.

http://pastebin.com/TLLB4nnj