替换元素周围的Sifr3额外填充

时间:2009-09-17 16:40:40

标签: sifr

我使用sifr3替换了几个标题。其中一个有背景颜色。 正常的页面css将h2填充设置为0,sifr css对于替换的h2具有相同的结果,并且sifrconfig.js具有相同的,但是仍然看起来有填充,底部略微更多。

主要css:

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;}',
        ]

});

有什么想法吗?这让我很生气!

编辑只是值得一提的是,没有内联样式或任何其他可以覆盖任何内容的CSS,并且使用Web开发人员工具栏,它显示flash影片具有额外的高度,而不是包含h2。

2 个答案:

答案 0 :(得分:1)

嘿,我有一个类似的问题,我在底部有一些额外的填充,这是在我试图转换SIFR的H2标签的底部。

我发现我的问题与我正在使用的文档类型有关。

我使用的是XHTML Strict,当我将其更改为过渡文档类型时,删除了填充。

我希望这对人们有所帮助,我浪费了一天时间,并且完全正在尝试追踪它并修复它。

答案 1 :(得分:0)

是的,Flash有时会这样做。您可以使用tuneHeight参数来降低影片的高度。还有tuneWidthoffsetTopoffsetLeft