webページをブラウザで見たままに印刷する方法



たまにはアイルー関連以外の事でも書きますかねイヒヒ

今仕事でwebページをブラウザで見たままに印刷できるようにしてほしいと依頼がありました。
実はそのサイト、ちゃんと印刷用のCSSが入っていました。
それなのになんで?と思いますが、この印刷用のCSSはコンテンツの中身のみを印刷できるようにするCSSでした。

いらない部分(ヘッダーとかサイドメニューとか)を印刷に出ないようにするってのは大変ですよね。
それをやってのけるフレームワークが配布されています。

印刷用のCSSのフレームワーク

今回の依頼はブラウザで見た状態と同じように印刷できる事、なのでこのフレームワークを外して、別の印刷用のCSSを入れました。

制作をやられている方で、firefoxでの印刷プレビューでフッター部分とかがサイドメニューなどにめり込んでいたりする現象に遭った事がある人はどれくらいいますかね?
それを解消するやり方が書いてあるページを見つけましたラッキー

firefoxの印刷

そもそも印刷が崩れる原因はfloat:rightなどやっているからなんですよね。
なので、floatをtable要素に置き換えれば崩れない!って考え方です。

ここのページはとても分かりやすく、丁寧に書いてあるのでもし同じようにブラウザと同じように印刷するのに悩んでいたら、試してみてくださいね〜イヒヒ

ちなみに、この印刷用CSSはIE8にも対応しています。
IE8も、印刷ページが2枚以上になると背景も印刷するにチェックをしていても、背景が消えたり出たり不安定だと思います。
でも、このCSSを入れればIE8でもちゃんと背景が出るようになりますよラッキー

ま、正直ブラウザの見た目を印刷したいならプリントスクリーンをして印刷すればいいって話ですけどね・・・。
フリーソフトで長いページもちゃんとプリントスクリーンできる物もあるみたいですし・・・。
コメントする








   
この記事のトラックバックURL
トラックバック
|

カレンダー

S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930     
<< September 2019 >>

お気に入りグッズ

お気に入りグッズ

36ピース クムクムパズル 映画妖怪ウォッチ 誕生の秘密だニャン!  フユニャン
36ピース クムクムパズル 映画妖怪ウォッチ 誕生の秘密だニャン! フユニャン (JUGEMレビュー »)

妖怪ウォッチクムクムパズルの第四弾!ついにフユニャンも立体商品化!

お気に入りグッズ

お気に入りグッズ

お気に入りグッズ

32ピース クムクムパズル 妖怪ウォッチ コマさん KM-55
32ピース クムクムパズル 妖怪ウォッチ コマさん KM-55 (JUGEMレビュー »)

なかなか妖怪ウォッチ関連でフィギュアが出ないね〜

お気に入りグッズ

フック ブック ロー 日々はんせい堂 あきない中 [DVD]
フック ブック ロー 日々はんせい堂 あきない中 [DVD] (JUGEMレビュー »)

ついに新作DVDキタ━━━━(゚∀゚)━━━━!!…そろそろブルーレイにならんかね?

お気に入りグッズ

NHKフックブックロー ラブをプレゼント
NHKフックブックロー ラブをプレゼント (JUGEMレビュー »)
TVサントラ,谷本賢一郎,中尾隆聖,折笠富美子,天野ひろゆき,浦嶋りんこ
待望のフックブックローのCD第四弾!

お気に入りグッズ

NHK フックブックロー あした元気になあれ
NHK フックブックロー あした元気になあれ (JUGEMレビュー »)
VARIOUS
待望の第三弾!! 「おいかけるんだ青い鳥」、「ありがとうアンデルゼン」を含む22曲収録ですよー

お気に入りグッズ

NHK フックブックロー のんびりいこうよ
NHK フックブックロー のんびりいこうよ (JUGEMレビュー »)
VARIOUS
フックブックローのCD第2弾!お母さんも大好きな曲が収録される予定!

お気に入りグッズ

NHKフック ブック ロー ちょっと 深呼吸
NHKフック ブック ロー ちょっと 深呼吸 (JUGEMレビュー »)
ヴァリアス
息子ちゃんが大好きな番組。録画して見せると喜びます。

お気に入りグッズ

モンスターハンター絵本〈1〉アイルー・メラルーとニャらめっこ! (カプコンオフィシャルブックス)
モンスターハンター絵本〈1〉アイルー・メラルーとニャらめっこ! (カプコンオフィシャルブックス) (JUGEMレビュー »)
清野 義孝,竹越 ななお,カプコン『モンスターハンター』開発チーム

この絵柄のアイルー好きにはたまらない絵本!!一緒にニャらめっこし〜ましょ♪

お気に入りグッズ

モンスターハンター絵本〈2〉チャチャとアイルーの元気にあいさつっチャ! (カプコンオフィシャルブックス)
モンスターハンター絵本〈2〉チャチャとアイルーの元気にあいさつっチャ! (カプコンオフィシャルブックス) (JUGEMレビュー »)
清野 義孝,竹越 ななお,カプコン『モンスターハンター』開発チーム

アイルー絵本その2!これまたアイルー好きにはたまりません!!

最近の記事

記事の種類

過去の記事

コメント

トラックバック

  • 花火大会の季節ですね
    花火
  • 一番くじモンハン日記ぽかぽかアイルー村の詳細
    教えてください
  • 使いやすい携帯機種ってどこだろう・・・
    これ欲しい

ブログ内検索

書いてる人

リンク

その他RSSなど

Twitter

携帯でも

qrcode

ブログ元

無料ブログ作成サービス JUGEM