• ベストアンサー

Firefox2.0,3.0、ネスケで印刷すると2ページ目以降されない

下記のページをWinのfirefoxで印刷しようとすると、 2ページ目以降が印刷されません。 http://www.scp.mext.go.jp/other/index.html overflow: hidden;や、positionが理由でそうなることがあると知り、 overflow: hidden;のかわりにdispley:blockにし、 再度印刷を試しましたがうまくいきませんでした。 また、print.cssを作り、 overflow: hidden;部分をoverflow: visible;にしてみましたが、 ダメでした。 どうすれば、長いページを印刷することが出来るようになるのでしょうか。 現象は、winのfirefox2.0と3.0と、ネットスケープでおこります。 印刷される良い方法があったら、教えてください!

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.2

今までの経験上での改善策を羅列します。 (print.cssでoverflow: visible以外) (1)tableが長すぎる場合は、 <tr>~</tr>ごとに外側を<tbody>で囲いグループ化して区切る。 http://okwave.jp/qa3988350.html (2)float要素を囲っているブロック要素にfloat:leftとwidthを設定する。 例えば、<li>タグをfloat:leftしている場合の外側のulタグなど。 float周りのタグにborder solid #f00;を入れてみると、 IEではfloat部分を囲えているのに、 Firefoxではfloat部分を囲えていない場合があります。 そういった場合に特に有効です。 (leftにしたくないのにfloat?という疑問と、 leftになることでレイアウトを調整する必要がありますが…)

whoops101
質問者

お礼

ありがとうございました。 1)はtableを使用していなかったので、 2)を試しましたが、かわりませんでした。 その後、floatのブロックをさらに小さく分割したりいろんなところをいじっていたら、印刷できました! なんだったんだろう。。。 でもありがとうございました!

その他の回答 (1)

noname#61401
noname#61401
回答No.1

この拡張を使われるとか? http://www.forest.impress.co.jp/article/2008/05/22/hpsmartwebprinting.html あなたの目的以外にも、ものすごく便利。 久々に感動した拡張機能ですね。 ただし、まだFx3.0には対応していない模様。 少し待てば対応してくれるかも。

whoops101
質問者

お礼

ご回答ありがとうございます。 便利なソフトですね。 プラグインやソフトなどをインストールせずに、 CSSやHTMLでの解決方法を希望しています。 また何かご存知の解決法がございましたら、 宜しくお願いします。

関連するQ&A

  • ウェブサイトの全ページをキャプチャして一気に印刷

    ウェブサイトの全ページをキャプチャして一気に印刷する方法ありますでしょうか? 全ページというのは、例えばトップページの上から下までということではなく、100ページのサイトなら100ページ全てという意味の全部です。もちろん各ページ上から下までもです。 リンク先も含めて全ページ印刷なら、インターネットエクスプローラーの印刷オプションでできるのですが、cssでoverflowやpositionを使っている場合、重なったりして見た目の通り印刷できません。なので、キャプチャしてから印刷が必要と考えたのです。 ページの上から下までキャプチャする方法はありますが、リンク先も全てキャプチャする方法などありますでしょうか?そしてそれを一気にすべて印刷する方法などありますでしょうか? cssのoverflowやpositionによる不具合を起こさず、見た目の通り印刷できるならキャプチャという方法でなくても大丈夫です。 OSはwindows8.1。 ブラウザはfirefox、chrome、インタネットエクスプローラーはあります。必要であれば他のブラウザをインストールします。 プリンタはfuji xerox DocuCenter-IV C2275です。 何卒よろしくお願いいたします!

  • Firefoxでの印刷について(改ページ)

    Firefoxの印刷プレビューで確認すると、 表の途中で切られて、フッターがいきなり次のページで表示されています。 当然印刷もできていません。 IEでは印刷プレビューで確認した際には、全部の内容が印刷可能なプレビューになっていますが、 Firefoxがうまくできません。 下記のURLにサンプルをアップしてありますので、 CSS、HTMLの記述に問題が無いかをアドバイス願えないでしょうか? よろしくお願いいたします。 http://www.geocities.jp/yuu0318/css_test/

    • ベストアンサー
    • HTML
  • Firefoxスクロールバーの有無でページがずれる

    Firefoxスクロールバーの有無でページがずれる 縦の長さが長いページから短いページに切り替えるとき、スクロールバーの関係で左右にガタガタずれて見えるためcssで html{ height:100%; margin-bottom:1px;} と入れてみました。(ネットで探したものです) そうするとOperaとgoogleとSafariではずれなくなったのですが、Firefoxだけ相変わらずずれます。 overflow-y:scrollにするとずれませんでしたが、IEで見たときスクロールバーが二重に見えたので、この方法は避けたいです。 Firefoxでもガタガタずれずに切り替えられる方法はありませんでしょうか? よろしくお願いします。

  • jQueryで印刷用の条件分岐などできますか?

    cssであれば media="print" @media print などの方法がありますが、jQueryでも似たようなことはできますでしょうか? 印刷用にcssを作れないほど複雑になってしまっているので、印刷の時のみjQueryでサイト内全てのタグにstyle="overflow:visible;"などと追記してはどうだろうと考えています。 調べたのですが、見つけられなかったのでこちらで質問させていただきました。 よろしくお願いいたします。

  • CSSサイトの3段組レイアウトによる印刷ミス

    現在CSSサイトの3段組レイアウトでのサイト構築を しておりましてページが完成しました。 しかし印刷をしようとした際にIE6で印刷プレビューしようとすると、ヘッダーだけ出てきてしまい白い状態でまったく中身が印刷されませんでした。 三段組レイアウトの手法として下記の手法を用いております。 まず大本のブロック要素にoverflow:hiddenを指定し、 3カラムのすべてに、padding-bottom:32768pxを増やしmargin-bottom:-32768pxをネガティブします。 参考 http://css-happylife.com/log/css-template/000174.shtml この設定をはずすと印刷はできるのですが、サイドの伸び幅がなくなってしまいます。 なんとかこの手法のまま印刷することは可能でしょうか?? 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSS検証サービス

    ヘッダーと本体の部分のCSSをこの前教えてもらった CSS検証サービスにかけたらエラーが返ってきました。 div { position : relative ; color : white ; } #header {position : fixed ; top : 0px ; left : 0px ; overflow : auto ;       width : 100% ; height : 8% ; z-index : 2 ; border-bottom : 1px red solid } #navi{ position : absolute ; left : 50 px ; top : 10 % ; height : 88% ;     overflow-x : hidden ; overflow-y : auto ; z-index : 1 ; } #headerではエラーで出ず、#naviのtopとleftで構文的におかしいと出ます。 やっぱりおかしいですか?ちなみにブラウザ上は想定した通りに行っています。

    • ベストアンサー
    • CSS
  • 疑似フレームがIEだと成り立たない

    疑似フレームがIEだと成り立たない 以下のようなCSSですが、FIREFOXやクローム等では反応するのですが、 IEだと処理されません。 どうすればいいのでしょうか? 教えてください。お願いします。 ちなみにCSSというものは初心者です。申し訳ありません。 <STYLE> <!-- BODY .menu1 { width : 12%; height : 100%; left : 0px; top : 100px; position : fixed; overflow: auto; } .menu2 { width : 12%; height : 100%; right : 0px; top : 100px; position : fixed; overflow: auto; } .main { position : absolute; z-index : 1; } --> </STYLE>

  • firefoxで、ウェブ頁をプリントするときに左右の余白が大きくなりま

    firefoxで、ウェブ頁をプリントするときに左右の余白が大きくなります。 大きくならないアドオンを教えてください。 CSSをいじるようなのかな、とか想像していますが、 自動で印刷にちょうど良い具合に配置してくれるのがいいです。

  • XHTML+CSSレイアウト ネスケ対応について

    WINのIE・ Firefox・Operaではできていますが Netscape 7.1だけクリアできない問題があるので、教えてください。 HTML内は大雑把に書くと以下のような構成になっています。 <コンテンツ大枠>  <エリア左(CSS・float: left;)>   <ul>    <li>メニュー</li>    <li>メニュー</li>   </ul>  </左エリア>  <右エリア>・・・以下略。 </コンテンツ大枠> ※コンテンツ大枠には、ページの下部まで以下のように背景を指定しています。 background: #fff url('背景.gif') repeat-y left top; overflow: auto !important; overflow /**/: hidden; そうするとネスケだけ、コンテンツ大枠部分に 縦・横スクロールバーがついてしまいます。 スクロールバーがつく分のスペースがないので レイアウトは左エリア・右エリアが縦に並んでしまい 大きく崩れてしまいます。 スクロールが現れるのはoverflowのせいだと思いますが これを消すと背景が下まで表示されなくなります。 それから、不思議なのは 左エリアにリストタグを入れていますが、これを削除すると スクロールは消えますし、レイアウトも他ブラウザ同様キレイに収まります。 この現象に経験のある方いたら教えてください。 また私の記述が間違えていたら教えてください。

  • ieやfirefoxで。cssレイアウトが印刷時崩れる。

    cssでレイアウトしてます。 ieやfirefoxでの ブラウザ上(画面)表示ができるのですが、 いざ、印刷プレビューや印刷になると レイアウトが 崩れてしまいます...どのような 解決策。問題点があるのでしょうか? 印刷ページが中途半端にページをまたいでしまうから? marginとpaddingがゴチャついて ダメ。 いろいろ考えられますが。。。 よろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう