html - CSSを使用してWebページをワードプロセッサに一致させる

Question

Webページのサイズ、余白、テキストサイズ、行の高さなどをワードプロセッサ（この場合はOpenOffice）のものと一致させて、Webページを印刷したりPDFを作成したりするときにそれは、ドキュメントとまったく同じように見えます。

これまで、高さと幅を11in / 8.5inに設定し、すべての辺の余白を0.79inに設定しました。フォントは、ドキュメントと同じサイズです。（つまり、ドキュメントでptが使用されている場合）

では、なぜそれがページの半分しか占めていないのですか？

このサイトは印刷/PDF化されているため、柔軟な値を使用する必要はありません。

ありがとう！

これがサンプルドキュメントへのリンクです。すぐにコードがあります http://i.stack.imgur.com/l2Dl1.png

/*The rules go here*/
            #page-container {
                background: blue;
margin: 0.79in 0.79in 0.79in 0.79;
                width: 7.5in;
                height: 11in;
            }
            .name {
                font-size:22pt;
                font-weight:bold;
            }
            .sections {
                margin: 10px 0 0 0;
                font-weight:bold;
                text-decoration:underline;
                clear:right;
            }
            .jobtitles {
                font-weight:bold;
            }
            .leftside {
                float:left;
            }
            .rightside {
                float:right;
                width:50%;
            }
            .years {
                float: right;
                font-weight:bold;
                padding-right: 1%;
            }
            .desc {
                width: 760px;
            }
            ul {
                list-style-type: none;
                padding:0;
                margin:0;
            }
            #footer {
                text-align: center;
                font-weight: bold;
            }

その青の唯一の理由は、私がコンテナを見ることができるようにするためです。