Maudit internet explorer

Résolu
piko -  
RAD ZONE Messages postés 5362 Statut Contributeur -
Bonsoir , j'ai pondu un code css qui s'affiche parfaitement sous firefox et qui sous IE me fait n'importe quoi alors que je ne vois aucune erreur , est ce que vous , vous en voyez une svp :

#conteneur{
}

body{margin:0px;}

#a {
height: 250px;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-right-width: 0;  border-left-width: 0;
background-color:#FFFFE0;
}

#b {
height: 30px;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-right-width: 0;  border-left-width: 0;
}

#c {
width: 600px;
height: 800px;
margin-right: auto;
margin-left: auto;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-bottom-width: 0;
}

#d{
background-color:#000000;
height: 50px;
}


c'est le div c qui ne s'affiche pas centré sous IE , c'est normal ?

merci

5 réponses

  1. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Et le code HTML de la page ? Ça serait utile.
    Qu'est-ce qu tu souhaites obtenir exactement ?

    En attendant, essaye de placer un espace de chaque côté des “:”.
    Et de lui donner des attributs regroupés. Par exemple :
      border-width: 1px;
      border-style: solid;
      border-color: #000000;
      border-top-width: 0;
      border-right-width: 0;
      border-left-width: 0;
    donnerait
      border-bottom : 1px solid #000;
    et seule la bordure du bas serait définie sans avoir à supprimer les autres.
    0
  2. piko
     
    pour le code html rien de plus simple , les 4 div sont les uns en dessous des autres et j'ai rien mis dedans .

    nan mais sous firefox j'ai parfaitement ce que je veux ya aucun soucis , c'est juste que sous IE le div qui fait 600px de large n'est pas centré , c'est du délire total tu trouves pas ?
    0
  3. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Ah, ça me revient.
    Essaye d'ajouter :
      text-align : center;
    à body { et rétablis l'alignement à gauche
      text-align : left;
    dans chaque <div>.
    0
  4. piko
     
    merci le probleme s'est réglé avec le text-align center dans le body , mais malgré mes connaissances en css je ne comprends pas du tout pq le fait de rajouter çà dans body fait que le div #c se centre , je vois vraiment pas le rapport...car sous firefox ya pas besoin de çà ....
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    c est un bug IE connu !! IE interprête mal cette propriété et s'en sert pour tout aligner
    chapeau Gihef pour t en etre rapelle ;-))
    http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
    0