問題タブ [print-style]

クライアントがユーザーに印刷できるようにしたい Web フォームがあります。CSS を使用した少しのスタイリングで問題なく動作しますが、いくつかのtextaearフィールドがあります。ユーザーがテキスト領域の高さを超えて入力すると、印刷時に文字が切り取られます。

印刷スタイルシートで試してみtextarea{height:100%;}ましたが、どちらも機能しません。textarea{height:auto;}

印刷専用バージョンのテキストのサイズに textarea フィールドのサイズを変更する方法はありますか? 可能であれば、印刷スタイルシートに挿入できる CSS ソリューションを希望します。これが不可能な場合は、JavaScript ソリューションが機能します。

スクリーンショットの比較:

注: 印刷版だけに影響を与えることができない場合は、 JS を使用して、誰かが入力しているときに textarea フィールドのサイズを自動調整することを検討できます。

ファックスの印刷されたテキストがこのように見える原因は何か考えてみてください。私はそれがdpiの問題である可能性があると思います.奇妙なことは、白い点で印刷されたすべてのテキストがhtmlタグの中に直接あることです. ページの他の場所に、span/h1、h2、h3、h4/p タグで直接ラップされていないテキストがあり、正しく印刷されています。また、ページ上のgif画像も同様の結果で印刷されています。色はすべての要素で #333 に設定されています。フォントサイズもピクセル単位です。ポイントに設定すると役立ちますか？print css でこれを修正するためのアイデアを探しています。

それで、私は初めて Web デザインのクラスを取っています。私の教授は、私たちの Web サイトに特定の印刷スタイルシートを使用するように言いました。特にヘッダーとナビゲーションバー(フッター、見出しなど)を非表示にしたいのですが、うまくいかないようです。ちなみに、ナビゲーションバーは以下のコードの'cssmenu'であり、 ではありません。このサイトは教育目的 (つまり、著作権フリーの使用) のためのものです。コードの設定方法について批判しないでください。できれば助けてください。

私のサイトは: http://tiger.towson.edu/~kmoore25/Proj_3/Welcome.html

とにかく、それは機能していません。私が行った別のサイトでは機能しました。機能しないということは、印刷しようとすると、非表示にしようとしている要素がまだ表示されていることを意味します。これは私が使用するように言われたテンプレートです:

これは私がそれを微調整した方法です：

私はウェブサイトが初めてであることを覚えておいてください。最後に、これは私のサイトの 1 つのページの html で、どのように機能しないかを確認できます。私はそれが問題だとは思わないので、あなたがそれをよりよく理解できるように、コードを要約するために段落やものを削除しました: