都道府県穴埋めゲーム

ワードプレスを使ってホームページを作成しようと考えています。
できればオーツ―ビジネステーマhttp://theme.o2gp.com/というところのテンプレートを使用としているのですが、サンプルを見る限り印刷時のレイアウトがくずれてしまいます。
デザインはとても気に入っているので、HTMLかCSS上でできる対策はないでしょうか?

調べてみるとワードプレスのプラグインで対策できるようですが、できれば使用したくないです。

HTML等あまり詳しくないので丁寧に教えてください。お願いします。

A 回答 (1件)

現在のスタイルシートへのリンク


<link rel="stylesheet" type="text/css" href="main-left.css" *****陰省略
  に、media="screen"を入れてscreenブラウザのみ適用させるようにして、別途
<link rel="stylesheet" type="text/css" media="print" href="print.css" title="印刷用">
 を追加して、プリンター用のスタイルシートを作成しましょう。

 先刻、紹介した
CSSでレイアウト - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7376273.html )
 のHTML+CSSは印刷用のスタイルシートは用意されていませんが、印刷時はscreen用のスタイルシートが適用されないので、その影響を受けません。

★14.2.4 出力メディア型 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
★14.4.1 メディア依存のカスケード ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
など・・

 印刷が想定されるページは印刷用のスタイルシートを用意すべきです。
 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 なお、ユーザーの立場でしたら、アドオンを使ってページをPDFなりにして印刷できます。
例) firefox + Pearl Crescent Page Saver Basic( https://addons.mozilla.jp/firefox/details/10367 )
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!