Margin-left différent selon les navigateurs (IE et FF)

Bonjour,

Voici mon problème :

Code:

---

1 2 3 4 5 6

<div id="corps"> <fieldset> <legend>Corps de l'article (texte principal)</legend> <textarea rows="10" cols="20" name="corps_texte" id="corps_texte"></textarea><br/> </fieldset> </div>

---

Code:

---

1 2 3 4

#corps { margin-left: 180px; }

---

Et ce que sa me donne sur firefox et internet explorer 7 :

http://images.oxeo.fr/img/49decd1f5e...3020ad0/zz.jpg

Je voudrais que internet explorer affiche la même chose que firefox. Comment procéder ?

Merci d'avance pour votre aide.

Bonsoir,
c'est un bug de haslayout qui se corrige en général au niveau
du form englobant en le dotant d'une propriété lui conférant le layout.

D'autre part tu dois ajouter des padding au fieldset pour uniformiser les espacements intérieurs (IE n'a lui aucun padding).

Donc ajouter ceci par exemple.

Code:

---

1 2 3

#corps {height: 1%} fieldset {padding: 0 10px 10px;} textarea {margin-top: .7em;}

---

Le height: 1% confère le layout au div#corp mais cette règle CSS devrait être placée dans une feuille de style pour IE7 et inférieure appelée
avec des commentaires conditionnels dans le head.
Le padding-top du fieldset se répercutant sur son conteneur sous IE, il faut se tourner vers une marging-top au niveau du textarea.

Code:

---

1 2 3 4 5 6

#corps { margin-left: 180px; }

---

Et si tu mets le margin à 0 ca donne quoi ?

Oui, essaie ce que dit Pierre24.
Pour ma part, le margin:0 m'a sorti de pas mal de galère.

Citation:

---

Envoyé par pierre24

Code:

---

1 2 3 4 5 6

#corps { margin-left: 180px; }

---

Et si tu mets le margin à 0 ca donne quoi ?

---

Si je mais margin à 0, j'ai tout qui est a gauche, donc c pas bon

Et ma solution elle compte pour du beurre? :roll:

Citation:

---

Envoyé par Erwan31

Et ma solution elle compte pour du beurre? :roll:

---

Non lol je l'utilise elle marche super. Par contre je suis obligé de la mètre dans une feuille spécial explorer ? Pourquoi, c'est pas valide W3C ?

Citation:

---

Envoyé par snyfir

Non lol je l'utilise elle marche super. Par contre je suis obligé de la mètre dans une feuille spécial explorer ? Pourquoi, c'est pas valide W3C ?

---

Si bien sûr que la propriété height est valide! En revanche ça ne l'est plus si tu passes par un zoom:1 (car non standard).
Tu dois mettre ces style dans une CSS pour IE car cela alourdit inutilement la CSS principale (ajout de commentaires...) et peut créer certaines confusions entre autres...

Tu ne mets que cette règle dans la CSS IE: #corps {zoom: 1}