webページの印刷について

そのページを見てみないと理由はわかりません。
[例]
　⇒ペットボトル握力計( http://iruka.la.coocan.jp/craft/HandDynamometer/index.html )
　⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )

の印刷プレビューでは、ディスプレイとは違う形になるでしょう。ちなみに後者では[表示]⇒[スタイルシート]で表示も変わります。

　印刷とディスプレイ表示が異なるのは、単に文字などがはみ出ているのか、印刷用にスクリーン用のスタイルが反映されないのかなど理由は様々です。

　ディスプレイで表示されている状態をプリントする場合は
firefoxのアドオン
　⇒Pearl Crescent Page Saver Basic( https://addons.mozilla.jp/firefox/details/10367 )
を使用して、一旦高画質(解像度)を200%程度にして画像として保存して、画像ソフトを経由して印刷すると良いです。

[補足]
　ブラウザは、
　⇒HTML 4.0におけるスタイルシートの例( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/sample.html )
　の下の@media print{}にあるように、印刷では別のスタイルが適用されるのです。

ブラウザは？
バージョンは？
IE8の場合、（1）「ツール」「インターネットオプション」「詳細設定」「印刷」「背景の色とイメージを印刷する」にチックをつけても、実際には背景の色とイメージは印刷されません。
（2）「ページ設定」（「印刷プレビュー」画面内の歯車マークをクリックするか、コマンドバーのプリンタマークの横の▼の部分をクリックし「ページ設定」を出すか）の画面を開き、「背景の色とイメージを印刷する」にチェックを入れ「OK」
参考URL

IEで印刷できない場合、他のブラウザ例えばFirefoxやGoogle Chrome で印刷する（IEだけでなくFirefoxを併用する）
IEでないと閲覧できないサイトもあるのでIEも必要。