css problème sur firefox, frontière de ne pas afficher correctement

j'ai eu un problème sur firefox, alors que tous les IE, chrome et Safari sont de travail.

<div class="forDiv">ddd</div>
<table class="forTable"> .... </table>


.forDiv {
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
}

.forTable{
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
}

dans firefox, la div est un peu plus petit. comment puis-je résoudre ce problème?

la div est un peu plus petit signifie quoi? u peut expliquer en détail?

OriginalL'auteur jojo | 2009-08-27

  1. 7
    .forDiv {
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
-moz-box-sizing: border-box;
}

.forTable{
width:100%;
border:3px solid #236FBD;
background-color: #236FBD;
-moz-box-sizing: border-box;
}
    en raison.. merci pour vous réponse rapide... mais il ne fonctionne pas pour moi.. je suis sur firefox3.....

    OriginalL'auteur scott

  2. 4

    C'est une incohérence dans la façon dont les différents navigateurs traiter l'attribut width - qu'il s'agisse de la frontière/rembourrage dimensions de la largeur, ou s'ils les jugent supplémentaires.

    Vous pouvez utiliser le-moz-box-sizing attribut "border-box" pour raconter les navigateurs basés sur Mozilla pour reproduire l'IE est-il en mode quirks (voir cette page pour plus de détails).

    mm, bon à savoir.
    mais ne fonctionne pas pour moi..pourquoi

    OriginalL'auteur Amber

  3. 2

    A probablement quelque chose à voir avec les marges ou le rembourrage ensemble dans les pays voisins ou contenant des éléments. Difficile à dire sans le contexte, mais également essayer de définir la marge et le remplissage des attributs de la div et de la table et de voir ce qui se passe.

    OriginalL'auteur Kyle Kochis

  4. 2

    Ok, cela semble être le classique IE boîte-modèle d'incohérence (ou devrais-je dire, bug?)

    La façon la plus simple de contourner cela est de définir votre div (celui contenant ddd) à l'intérieur d'un conteneur div comme ceci:

    <div id="container">
  <div class="forDiv">ddd</div>
</div>

    Et de définir les propriétés CSS comme suit:

    #container
{
  width:100%;
}

.forDiv
{
  border: 3px solid;
}

    Cela devrait vous donner la même taille dans les deux IE et Gecko.

    Semble comme un début de cas de divitis. Certainement pas une bonne solution, mais parfois le seul choix disponible.
    mais ne fonctionne pas pour Firefox....soupir...

    OriginalL'auteur Kshitij Saxena -KJ-

  5. 2

    Essayer overflow:hidden;
    j'ai également eu le même problème. puis j'ai eu cette

    lien

    depuis que j'ai eu soln. pour faire des div à l'overflow:hidden et il a bien fonctionné pour moi.

    C'est sans aucun rapport avec le thread, mais j'ai eu un problème avec un plan où tout a échoué à l'exception de votre suggestion. Mettre "overlow: hidden" placé le contour où il devrait être (sur Firefox, où j'ai eu le problème).

    OriginalL'auteur Radhi