无法在css中左右清除边距

时间:2015-06-12 07:11:43

标签: html css

这是我的fiddle

左右边距有一些空间。我需要为页脚和标题设置全宽。

我设置了表width: 100%;,但它没有改变。

所以我设置了width: 960px;,现在它在左右边缘显示了一些空格。

的CSS:

#templatePreheader{
    /*@editable*/background-color:#ffffff;
    /*@editable*/border-top:0;
    /*@editable*/border-bottom:0;
    /*@editable*/width:960px;
}

#templateFooter{
    /*@editable*/background-color:#FFFFFF;
    /*@editable*/border-top:0;
    /*@editable*/border-bottom:0;
    /*@editable*/width:960px;
}

我知道,怎么做。

注意:这是电子邮件模板。所以只需要在css中进行更改。

任何人都可以帮助我吗?提前谢谢。

3 个答案:

答案 0 :(得分:1)

td#bodyCell有10px填充。

#bodyCell {padding: 0;}

小提琴:http://jsfiddle.net/praveenscience/b1zksqyy/

答案 1 :(得分:0)

我刚试了一下标题,似乎有效。试一试。

    #templatePreheader{
        /*@editable*/background-color:#ffffff;
        /*@editable*/border-top:0;
        /*@editable*/border-bottom:0;
        /*@editable*/width:100%;
          position:absolute;
          top:0;
          left:0;

    }

答案 2 :(得分:0)

每当您需要确保表格和/或其单元格的宽度分配得到遵守时,请

table-layout: fixed;

到你的桌子的CSS。

在您的具体情况下,这不会解决问题。

您的问题是#templateFooter位于标记中已赋予table#templateContainer属性的width="600"内。