0

ページの上部で1ピクセルまたは2ピクセルのパディングがどこから来ているのか理解できないようです。ChromeとSafariで実行しましたが、JSFiddleで生成されていないようです。

ブラウザがそれをページに印刷する方法でしょうか？もしそうなら、CSSまたはJSでの影響に対抗する方法はありますか？

JSフィドルの例は次のとおりです。

私のJSFiddleの例

そしてここにあなたにとってより簡単な方のコードがあります

<html>
<head>


<style>
* {padding:0; margin:0;}

h1{font-family: Arial, Helvetica, sans-serif; font-size:36px;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:28px;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal;}
h4{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:16px;}
h5{font-family: Arial, Helvetica, sans-serif; font-size:9px;}

span{margin:0 auto;}

#wrapper{
    width:800px;
    height:auto;
    margin:0 auto;
}

#wrapper .header{
    background-image: url('http://i.imgur.com/dY8Tuu5.png');
    background-repeat: no-repeat;
}

#wrapper .header span h1{
    position:relative; 
    top:65px; 
    left:35px;
}

#wrapper .header span h2{
    position:relative;
    color:white;
    text-shadow:1px 1px 1px #333; 
    top:115px; 
    left:25px;
}

</style>

</head>

<body>

<table id="wrapper">
    <tr>
        <td class="header" height="450" >
            <span>
                <h1>Big Flashy <br /> Headlines Here</h1>
            </span>

            <span>
                <h2>Sub-Headers and such <br /> can go Here</h2>
            </span>
        </td>


    </tr>    
</table>


</body>
</html>

Eメールで送信されるため、DIVの代わりにテーブルを使用する必要があります。

ありがとう

4

2 に答える 2

2

Chromeでは、問題はユーザーエージェントのスタイルシートがforに2pxを追加することtableですborder-spacing。試す：

table {border-spacing: 0px;}
于 2013-02-04T15:02:45.420 に答える
2

メール用の場合はインラインスタイルが必要です

    <table id="wrapper" cellpadding="0" cellspacing="0">
于 2013-02-04T15:10:27.537 に答える