[[FrontPage]]


*印刷ボタン [#r8567cba]
 <INPUT TYPE="button" VALUE="印刷" ONCLICK="print()"
*印刷したときに別のスタイルを適用する [#k7f99678]
** その1 以下のように2つスタイルシートを指定しておく [#v8226146]
 <link rel="stylesheet" type="text/css" href="design.css" media="screen">
 <link rel="stylesheet" type="text/css" href="print.css" media="print">
** その2 @print 内にクラスを記述 [#b25b6e68]
下の「印刷時に余計なメニューなどを隠す」参照のこと [#g255f4fc]
*印刷時に余計なメニューなどを隠す [#s31da216]
以下のcssを適用すれば良い。
 @print{
  div.noprint{
   display:none;
  }
 }
上で紹介した印刷ボタンなどもこれで隠せば良い．

*ヘッダ，フッタ [#xd75e6bc]
-簡易的に作るには
--position:fixedなどを使えば良い．
---http://www.zspc.com/documents/wcag10-tech/css-techniques/
--position:fixedの動作確認
---http://useyan.x0.com/s/html/expression/sample/sample_fixed.html
--IE6だとpositon:fixedは使えないので工夫する．
--このやりかただと通常表示でも表示されるので，それを抑止するには非印刷時にdisplay:none;が適用されるようにしておけばいい
-ちゃんと作るには
--xmlパーサ
--CSS3
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS