Sifr3 rembourrage supplémentaire autour de l'élément remplacé
-
10-07-2019 - |
Question
J'utilise sifr3 pour remplacer quelques en-têtes. L'un d'eux a une couleur de fond. La page normale css a h2 padding définie sur 0, le sifr css a la même chose que pour la h2 remplacée, et si sifrconfig.js a la même chose, il semble néanmoins y avoir encore une marge, légèrement plus sur le fond.
css principal:
h2 {
font-size: 22px;
margin-bottom: 30px;
padding:0;
background-color: #339999;
width: 280px;
}
sifr css:
.sIFR-active h2 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 22px;
}
sifrconfig.js:
sIFR.replace(rockwell, {
selector: 'h2',
forceSingleLine: true,
css: [
'.sIFR-root { color:#FFFFFF; font-size: 22px; letter-spacing:-0.87; background-color: #339999; text-align: left; margin:0; padding:0;}',
]
});
Des idées? Cela me rend fou!
EDIT mérite d’être mentionné, il n’existe aucun style inline ni aucun autre css qui remplacerait quoi que ce soit, et en utilisant la barre d’outils pour développeurs Web, il montre que le film flash a une hauteur supplémentaire, pas le h2 qui le contient.
La solution
Oui, Flash le fait parfois. Vous pouvez utiliser le paramètre tuneHeight
pour rendre le film moins haut. Il y a aussi tuneWidth
, offsetTop
et offsetLeft
.
Autres conseils
Hé, j’ai eu un problème similaire: j’essayais de convertir SIFR avec un rembourrage supplémentaire au bas de la balise H2.
J'ai découvert que mes problèmes étaient liés au type de document que j'utilisais.
J'utilisais un XHTML Strict et lorsque je l'ai changé pour un type de document transitoire, le remplissage a été supprimé.
J'espère que cela aide les gens. J'ai perdu une journée et je suis devenu complètement fou d'esprit en essayant de le retrouver et de le réparer.