Discussion :

[kevinf]

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.

[Deallyra]

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

[kevinf]

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.

[E.Bzz]

- "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
[/Rien à voir ... mais quand même]

A+

[kevinf]

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

[E.Bzz]

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+

[kevinf]

Voila, mais ca bug sur IE et Mozilla

[E.Bzz]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

[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.

[E.Bzz]

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é

[kevinf]

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

[E.Bzz]

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

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

A+

[kevinf]

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

[kevinf]

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.

[kevinf]

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

[OulamOrt]

Je propose un ptit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#pass0_V2 {
 
color:#B6A055;
width: 67px;
margin-top:2px;
}

Ca marche chez moi en tout cas