question css sur Firefox, frontière pas correctement montrer

voix
4

Je suis un problème sur Firefox, alors que tous les IE, Safari et Chrome travaillent.

<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?

Créé 27/08/2009 à 06:54
source utilisateur
Dans d'autres langues...                            


5 réponses

voix
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;
}
Créé 27/08/2009 à 06:58
source utilisateur

voix
4

Il est une incohérence dans la façon dont les différents navigateurs traitent l'attribut width - si elles comprennent les dimensions frontière / rembourrage dans la largeur, ou si elles les considèrent supplémentaires.

Vous pouvez utiliser l'attribut -moz-box-sizing réglé sur « border-box » pour dire les navigateurs basés sur Mozilla pour imiter la façon dont IE il fait en mode bizarreries (voir cette page pour plus de détails).

Créé 27/08/2009 à 07:07
source utilisateur

voix
2

Essayez overflow: hidden; J'ai aussi eu le même problème. alors je suis arrivé ce

lien

à partir que je suis Soln. pour rendre le débordement de div: caché et il a bien fonctionné pour moi.

Créé 19/03/2010 à 06:32
source utilisateur

voix
2

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

La façon la plus simple autour 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 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 IE et Gecko.

Créé 27/08/2009 à 08:12
source utilisateur

voix
2

Très probablement a quelque chose à voir avec les marges ou d'un ensemble de rembourrage dans les pays voisins ou contenant des éléments. Difficile à dire sans le contexte complet, mais aussi essayer de mettre les attributs de marge et rembourrage pour la div et de la table et de voir ce qui se passe.

Créé 27/08/2009 à 07:07
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more