CSS et IE7 : problème de fin de formulaire


rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 13:42

Bonjour,

j'ai toujours un souci quand je code mes css avec ie7 : une partie du formulaire se double. c'est assez difficile à expliquer. le mieux, c'est des exemples :

http://www.maison-de-retraite-centre.fr : le formulaire du centre m'affiche le mot "mois" sur le fond bleu (mois est la dernière option du select)
http://Www.avima.fr : le formulaire de gauche me répète le "age" du mot "message" et donc me casse tout, le formulaire de droite (newsletter) me rajoute une marge avant le champ email

voilà ça me fait *'ù*$^ù! :evil:

Merci


rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 18:53

ah la la c'est la crise que pour moi ? je suis le seul travailleur du dimanche ???


anemone-clown
WRInaute passionné
WRInaute passionné
 
Messages: 1194
Inscription: 11 Nov 2007

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 19:11

En tous cas, avec IE8 : pas de soucis d'affichage... ;-)


rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 19:43

merci de ta remarque de ... clown :-)


screuscreu
WRInaute impliqué
WRInaute impliqué
 
Messages: 968
Inscription: 14 Jan 2008

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 22:56

rudddy a écrit:http://www.maison-de-retraite-centre.fr : le formulaire du centre m'affiche le mot "mois" sur le fond bleu (mois est la dernière option du select)


Rajoute :

Code: Tout sélectionner
<div style="clear:left;"></div>


ici :
Code: Tout sélectionner
<input name="url" value="www.maison-de-retraite-centre.fr/" type="hidden">
<div style="clear:left;"></div>
<input name="go" value="" class="go" type="submit">


Chez moi ça résoud le pb !


Tiens moi au courant


screuscreu
WRInaute impliqué
WRInaute impliqué
 
Messages: 968
Inscription: 14 Jan 2008

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 23:02

rudddy a écrit:http://Www.avima.fr : le formulaire de gauche me répète le "age" du mot "message" et donc me casse tout,


idem, chez moi ça corrige :
Code: Tout sélectionner
<textarea name="message" cols="25" rows="5" id="message"></textarea>
<div style="clear:left;"></div>
<input name="flag_envoye" value="gauche" type="hidden">


screuscreu
WRInaute impliqué
WRInaute impliqué
 
Messages: 968
Inscription: 14 Jan 2008

Re: CSS et IE7 : problème de fin de formulaire

Message le Dim Nov 08, 2009 23:04

rudddy a écrit:http://Www.avima.fr le formulaire de droite (newsletter) me rajoute une marge avant le champ email


et encore :

Code: Tout sélectionner
<input name="email_newsletter" class="txtBox" id="email_newsletter" type="text">
<div style="clear:left;"></div>
<input name="flag_envoye" value="droite" type="hidden">


Bref,
1 : désolé pour les 3 messages, mais à chaque fois je pensais pas regarder le suivant :D
2 : j'avais jamais vu ce bug avant
3 : fuc* IE

Bon courage


rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: CSS et IE7 : problème de fin de formulaire

Message le Lun Nov 09, 2009 7:31

t'es un tueur je te reco +1

au passage, d'accord avec ton point 3


screuscreu
WRInaute impliqué
WRInaute impliqué
 
Messages: 968
Inscription: 14 Jan 2008

Re: CSS et IE7 : problème de fin de formulaire

Message le Lun Nov 09, 2009 7:34

de rien ;)

Perso, je "clear" très souvent dans mon code pour éviter des problèmes comme cela mais d'habitude c'est à cause des floats ... pas à cause d'un pauvre input.

.clearL{clear:left}
.clearR{clear:right}


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités