Discussion :

[snyfir]

Bonjour,

Voici mon problème :

Code html :

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

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 :

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

1
2
3
4
#corps
{
   margin-left: 180px;
}

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



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

Merci d'avance pour votre aide.

[Erwan31]

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 :

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

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.

[pierre24]

Code :

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

1
2
3
4
5
6
 
 
#corps
{
   margin-left: 180px;
}

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

[hellspawn_ludo]

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

[snyfir]

Code :

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

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

[Erwan31]

Et ma solution elle compte pour du beurre?

[snyfir]

Et ma solution elle compte pour du beurre?

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 ?

[Erwan31]

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}