人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSについて教えてください。
CSSレイアウトで横並びのナビゲーションを作りました。リストをfloat:leftで横並びにしましたが、ページを印刷するときだけ、floatさせたメニューの一番右が折り返して一番左に印刷されてしまいます。
横並びのナビゲーションを作っときらいつもこうなってしまうのですが、同じような経験をした方、解消方法、問題点をご存知の方、教えていただけないでしょうか?

●質問者: moriamko44728
●カテゴリ:コンピュータ インターネット
✍キーワード:CSS リスト レイアウト 作りました 印刷
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pahoo
●35ポイント

CSSソースを見ていないので何とも言えませんが、OSやブラウザの種類によっても表示が崩れたりしませんか?

印刷用CSSの作成方法」にありますが、印刷用のCSSを別途用意し、@media type で切り替えてはいかがでしょうか。

作成されたコンテンツは、floatでメニューがプルダウンされるものと推察されますが、印刷時にはメニューが動く必要はないと思いますので、固定的なスタイルを割り当てておけばよいと思います。

◎質問者からの返答

なるほどそうなんですね。ありがとうございます。

試してみます。


2 ● wen000
●35ポイント

印刷用CSSを作ってみてはいかがでしょうか。

<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />

のような形式でヘッダに書いて、あとは通常のCSSと同じように書けばOKです。


http://d.hatena.ne.jp/aratako0/20061208/p1

http://www.stylish-style.com/csstec/hi-level/print-css.html

書き方についてはこのあたりを参考にするとよいかと思います。

◎質問者からの返答

ありがとうございます。試してみます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ