[Résolu] Problème CSS sous IE

[ToNIo]

Bonjour,

Voilà, j'ai un petit problème de CSS sous IE avec le template de Atch .
En fait au départ même sous FF, c'était décalé, mais en modifiant les margin, j'arrive à un résultat nickel sous FF grâce notamment à Firebug, mais rien à changer sous IE, et ça m'énerve

En regardant à droite à gauche j'ai vu "display:inline;", en vain, rien ne change .

Je vous joins mes 2 print screen sous IE et FF, et le code CSS pour les boutons .

#authentication input#SubmitCreate{ margin-right: 45px; margin-left: 0px; display:inline; }
#authentication input#SubmitLogin{ margin-right: 105px; margin-left: 0px; display:inline; }

Si quelqu'un a une idée je suis preneur !!

En vous remerciant par avance,

ToNIo

[Peha]

Bonjour

as tu un lien, ça sera plus facile pour trouver une piste rapidement.
IE est le spécialiste de ce genre de trucs...

pa.

[ToNIo]

Oui, tu peux regarder là :

http://www.longcourt.eu/authentication.php?back=my-account.php

Je sais que IE est le spécialiste, mais là je suis à bout de recherche

Je fais confiance aux Designers

[Peha]

ça ne va pas avec notre ami Safari ...

[Peha]

sur firefox, j'arrive au même résultat en remplaçant ça :

#authentication p.submit {
float:left;
margin-right:0;
text-align:left;
}
#center_column p {
margin:0.5em 0;
}
form.std p.submit {
margin-bottom:1.5em;
padding-left:31% !important;
}

#authentication input#SubmitCreate {global.css (ligne 1484)
display:inline;
margin-left:0;
margin-right:45px;
}

par ça :

#authentication p.submit {
}
#center_column p {
}
form.std p.submit {
}
#authentication input#SubmitCreate {
margin-left:0;
}

peut être qu'en simplifiant le code il sera plus simple de résoudre les différences.

pa.

[ToNIo]

Waouh, c'est encore pire

Je ne sais pas quoi faire ...

Le problème a l'air plus sérieux qu'un simple margin ou padding ;

Tu vois d'où vient le prob ?

Merci,

Antoine

[Peha]

Tu vois d’où vient le prob ?

non
Peux tu faire une capture stp ?



ps : il n'y a rien de plus sérieux qu'un margin ou un padding.

[Peha]

as tu fait les modif ? quand je rafraîchit la page elles n'apparaissent pas...

[édit] : au temps pour moi dsl.

[ToNIo]

Je suis en train d eles faire .
Y a eu un décalage dans les messages .

Quand je disais "c'est pire" , je parlais pour Safari .

Je fais ça tout de suite !

Merci de ton aide .

[ToNIo]

Voilà, c'est fait .

Alors là en fait, y a le même prob sur IE que sous FF

[Peha]

tu as oublié d'enlever

form.std p.submit {
margin-bottom:1.5em;
padding-left:31% !important;
}

normalement après ça devrait aller mieux

pa.

[Peha]

ok pour FF et Safari. ça donne quoi sur IE ? (flegme de lancer le PC)

[ToNIo]

Autant pour moi !!!

La vache, ça c'est de l'aide, ça marche sous IE et FF, mais tout seul j'aurais pu chercher encore bien longtemps !!

Je ne sais toujours pas à quoi c'était dû : complexité du code ?

En tous cas, un grand grand merci PeHa !!!

Je sais que tu existes maintenant, fais attention

[Peha]

:red:

n'oublie pas de mettre [résolu] en éditant le titre de ton premier message.

[Atch]

trop fort PA

Bon courage pour la suite Tonio

V++

Atch

[ToNIo]

Merci Atch !

Grâce à toi, j'ai pu un peu mettre les mains dedans, mais là ça devenait trop dur

Pourtant je pensais avoir tout fait avec fireBug

en tout cas, bravo pour ton boulot Atch !

[Atch]

comme je te disais ce template fut mon premier et en plus je ne suis pas de la partie...

Mais à force de modifier et tester on apprends.

Il y a quelques mois, je ne savais meme pas que IE était différent de FF au niveau rendu. J'avais fait ce template à partir de FF avec firebug à partir du template de base et ça me semblait OK.

Aujourd'hui j'utilise IE tester pour valider mes templates car entre IE6 et IE7 c'est encore différent. quelle prise de tête.

encore merci à Peha. quand j'aurais un peu de temps, je le re-mettrai à jour ( une partie à déjà été mis à jour par vassago pour l'adaptation d'IE6).

V++

Atch

[ToNIo]

Ben maintenant, grâce à toi pour ce template et à Peha pour certaines modifs, le template marche nickel sous FF, IE7 et Safari!