Gros problèmes de CSS avec IE et Mozilla

Bonjour,

voici le lien de ma page:
http://fr.videosdiscount.com/ (en construction)

Allez voir sous IE, tout va bien. Maintenant sous FireFox, et commence les soucis :
- "pseudo" et "code" à gauche
- contenu de la page

Merci de m'aider, car là je ne voit mais pas du tout pourquoi.

désolé mais sans ton code, on peut apprécier le décalage mais pas te dire pourquoi il y en a un.

Oui, j'ai fais exprès de ne pas le mettre afin de vous laisser directement aller voir le code source, car ca ferais trop long sur le forum, et je pense que c'est plus pratique de le voir directement.

Citation:

---

Envoyé par kevinf

- "pseudo" et "code" à gauche
...
Merci de m'aider, car là je ne voit mais pas du tout pourquoi.

---

Tout a fait normal : les <label> sont en absolute et les input, non ...
=> enlève les position, top et left pour les label ...

[Rien à voir ... mais quand même]
Heu ... sinon, tu as 3 fonctions file() de déclarées : ça fait 2 de trop :mrgreen:
[/Rien à voir ... mais quand même]

A+

Voila, j'ai enlevé, mais le résultat n'est pas concluant.

Citation:

---

Envoyé par kevinf

Voila, j'ai enlevé, mais le résultat n'est pas concluant.

---

Ben non : tu as mis ton label dans un div, toujours en absolute ...

Maintenant il faut enlever les 2 div entourant les label ...

A+

Voila, mais ca bug sur IE et Mozilla

Citation:

---

Envoyé par kevinf

Voila, mais ca bug sur IE et Mozilla

---

Si tu veux que des elements soient situés à l'intérieur d'autres, il faut enlever les "position:absolute".
Dans ton .css :

Code:

---

1 2 3 4 5 6 7 8 9 10

#identification0_V2 { position: absolute; display: block; } #imageField0_V2 { position: absolute; top: 62px; left:160px; border-style: none; }

---

Le form lui même, et l'image submit sont encore "hors du flux". Il ne sont pas positionnés "les uns par rapport aux autres".
Alors que tu noteras que c'est à présent le cas pour les label et leur input associés ;)

A+

J'ai enlevé, mais je ne sait pas si tu vois ce que je voudrais, je voudrais que ce soit comme ca :
http://www.scapture.com/data/37000/37001-capture.png

Donc comme c'était avant mais seulement avec INTERNET EXPLORER, ca buguait juste sous FIREFOX.

Citation:

---

Envoyé par kevinf

J'ai enlevé, mais je ne sait pas si tu vois ce que je voudrais, je voudrais que ce soit comme ca :
http://www.scapture.com/data/37000/37001-capture.png

Donc comme c'était avant mais seulement avec INTERNET EXPLORER, ca buguait juste sous FIREFOX.

---

Oui, j'ai bien compris.
Mais contrairement à ce que tu as l'air de croire, c'est très proche.
En ajoutant un text-align:right sur le <form> et un <br /> avant "Code :" il restera juste un pb d'alignement verical normallement.

Mais tu peux aussi essayer d'avancer de ton côté :mrgreen:

Je préfère t'écouter, et j'ai donc mis ce que tu as dit.

Un dernier chti <br /> après le 2° input ?

... et peut-être un vertical-align:bottom sur le form : à voir ...

A+

C'est presque bien, mais ca bug encore sous Firefox.

Et également pour le contenu de la page.

Sous mozilla, c'est comme si il ignorait complétement les tableaux.

Edit : je viens de trouver le soucis pour le contenu, mais toujours pas pour la partie identification.

EDIT 2 : Bon après de longs moments passés là dessus, je crois que c'est bon, juste à part que sous Firefox les 2 input texte sont collés.

Ma dernière question avant de clore ce sujet sera :

Y a t-il un moyen pour sous Firefox, les input ne soit pas "collés"?

Merci

Je propose un ptit :

Code:

---

1 2 3 4 5 6

#pass0_V2 {   color:#B6A055; width: 67px; margin-top:2px; }

---

Ca marche chez moi en tout cas ;)