TCPDF HTML出力でのデザインで、余分な空白が現われ困っている

Question

このPDF出力のためのライブラリ、StyleSheetが思うように効かない、というお話しはよく聞くのですが、こうも効かないのでしょうか？
以下の画像をご覧下さい。赤枠の部分がいらないのに表れており困っております。

当方はStyleSheetの定義が苦手で、Webページを開発しだす際　手始めに以下定義をして要素ごとの仕切り線を表すことで作業効率を高めてきました。ところが、これさえも表れませんでした。

* {
	outline: 1px solid #ff0000;   
}

ヘッダ部分のHTMLを表しているのは以下コーディングです。
floatが効かず改行っぽく表示されている、など　まだいいんですけれど...
この余分な空白は一体　どうすれば除去できるのでしょうか？？

function hMaker($pcnt) {
    
    global $prdata;
    
    $style = <<< EOF
        <style>
        * {
            margin: 0 0 0 0;
        	padding: 0 0 0 0;
        }
        h1 {
            font-size: 24px;
            text-align: center;
        }
        span.b12 {
            font-size: 12px;
            font-weight: bold;
        }
        table {
            border-collapse: collapse;
        }
        table th, table td {
            border: solid 1px black;
        }
        </style>
EOF;
    
    $prdata = $style.'<div style="float:right; text-align: right;"><span>'.date('Y年m月d日').'  </span><span>P.'.$pcnt.'</span></div><div style="float:left;" ><span class="b12" style="text-align: left;">○○○○株式会社</span><span>  行</span></div>
    <div style="clear: both"></div>
    <h1>住所録</h1>
    <table><thead><tr><th style="width: 30%">取引先名</th><th style="width: 40%">住所</th><th style="width: 15%">TEL</th><th style="width: 15%">郵便番号</th></tr></thead>';
}

Answer 1

yu-smcさんのおっしゃられるとおり、帳票イメージのHTMLはTABLE構造にしました。
解決というかあきらめ、というかTCPDFというライブラリの性質からそれがベストなのかな、と

Answer 2

h1, span, div {
  margin: 0;
  padding: 0;
}

このようにデフォルトの余白をリセットするCSSを加えてもだめでしょうか？

Comments

[saya24]

今　自宅のなので明日出社後やってみますね。

[saya24]

早速試したのですが、変わりないですね。以下の人もpadding,marginが使えないと述べられています。
<http://orkshinnosuke.hatenablog.com/entry/2014/04/18/223859>
しかし、本件<https://tcpdf.org/examples/>ではキレイなサンプルばかりが紹介されていますねぇ

[yu-smc]

なるほど、margin, padding使えないとなると、HTMLメール同様完全テーブルコーディングを前提に作られているのかもしれませんね(2002年にできたライブラリなのであり得る・・)。
h1タグなんかはデフォで余白があり、「住所録」の下の余白はそのせいな気もするので、別のタグを使ってみるとかですかね。。？

[saya24]

ありがとうございます、もうちょっと考えますね。世間で結構使われているライブラリみたいなので、margin,paddingが使えないとしても　余分な空白が現われないデザインが達成できると信じています。何かのオプションがOnになっていて要素定義後、きまって改行が起きているのでは　とか疑っています。