IE6 rembourrage supplémentaire sur le fond

J'ai une étiquette div style CSS. J'ai réglé le padding à 10px (padding: 10px), il fonctionne comme je le voulais dans Firefox et IE7, mais dans IE6 il ajoute un rembourrage supplémentaire en bas (environ 2-3px je pense). Quelqu'un a une idée de ce qui se passe ici?IE6 rembourrage supplémentaire sur le fond

[mise à jour]

Je viens de remarquer cela, la balise div dont je parle a un background-image. Lorsque j'ai supprimé l'image de fond, le rembourrage supplémentaire sur le fond disparaît. Des idées?

[une autre mise à jour, exemple de code]

Voici le CSS appliqué à ma balise div:

.user-info{ 
    margin-top: 20px; 
    margin-right: 20px; 
    padding: 10px; 
    background-image: url("../img/user_panel_bg.png"); 
    float:right; 
    border: 1px #AAAAAA solid; 
    font-size:12px; 
}

Source

2008-12-12 codegy

Pouvez-vous modifier ce poste pour inclure un exemple de code – bendewey

Ditto. Il pourrait y avoir beaucoup de raisons à cela (IE 6 a un modèle de boîte plutôt bizarre qui est probablement à l'origine de cela, mais nous ne pouvons pas le dire sans un code). –

J'ai rencontré le même problème avec le rembourrage et l'image de fond. Je n'ai jamais pu le résoudre.Mon travail consistait à enlever et rembourrer et à utiliser à la place une bordure (qui fonctionnait parce qu'il était blanc sur blanc) ... Un mystère ... –

Y at-il une image dans votre div? S'il y a une image, il y a un bug dans IE 6 qui peut causer un espace blanc dans le div pour créer un rembourrage supplémentaire sur le fond

rembourrage supplémentaire montre avec

<div> 
<img src="myimage.jpg"> 
</div>

rembourrage supplémentaire ne se présente pas lorsque vous modifiez votre code HTML à

<div><img src="myimage.jpg"></div>

Source

2008-12-12 03:44:58 Kibbee

Plus d'un an plus tard, mais +1 de moi :-) Peut-être le bug IE6 le plus farfelu J'ai déjà vécu. Ta Kibbee! –

3 ans plus tard et +1 de moi. Même chose dans IE8. – yosh

try img {affichage: bloc; } – yoshyosh

Je recommande vivement de jeter un oeil sur le site positioniseverything.net et sa couverture des questions IE et solutions de contournement . Jetez un oeil à la section holly hack - je crois que vous trouverez la réponse là-bas.

[modifier - ajoutée] jeter un oeil here pour la question 3px, explication et fixer

Pour connaître les paramètres de la boîte et la différence de navigateur, sitepoints box model article offre un bon aperçu aussi bien.

Source

2008-12-12 03:37:16 jimg

Avez-vous essayé de cacher votre débordement DIV? Editer: Vous pouvez également essayer display: inline; si vous parlez de pousser horizontalement.

Source

2008-12-12 03:40:52

propriétés potentiellement 'margin' ou 'border'?

Source

2008-12-12 03:44:46

vous pouvez également regarder quelque chose comme un CSS reset style sheet qui vous permettra de définir les valeurs par défaut qui devrait être raisonnablement cohérente entre les différents navigateurs.

Source

2008-12-12 04:07:58 mjallday

Assurez-vous que la taille de la police ne crée pas le problème. Même sans texte à l'intérieur d'un élément conteneur (par exemple pour un plafond inférieur sur un conteneur extensible) IE6 taille toujours la taille de la boîte pas plus petite que la taille de police (même avec un ensemble de hauteur explicite). par exemple, si vous avez le code HTML:

<div class="box"> 
    <h1>Heading</h1> 
    <p>This is the main content.</p> 
    <div class="bottom"></div> 
</div>

... vous en aurez besoin CSS:

<style type="text/css"> 
    .box { 
    background: url(bg-middle.jpg) repeat-y; 
    } 
    .box h1 { 
    background: url(bg-top.jpg) no-repeat; 
    } 
    .box .bottom { 
    background: url(bg-image.jpg) no-repeat; /* bottom cap image */ 
    height: 10px;        /* height of your bg image */ 
    font-size: 1px;       /* for IE6 */ 
    } 
</style>

Source

2009-02-09 16:52:47

IE6 rembourrage supplémentaire sur le fond

Répondre

Questions connexes