XHTML+CSSで制作したサイトの印刷バグについて
- XHTML+CSSで制作したサイトに印刷バグが発生しています。印刷プレビュー画面でページのカウントが異常にあがり、中身が表示されません。
- 横幅が原因ではないことを確認しているため、原因はおそらくfloatにあると考えています。
- Win XP + IE7ではヘッダーすらも表示されないが、mac + Safariではうまく表示されます。解決策は見つかっていません。
- ベストアンサー
XHTML+CSS 印刷バグ
はじめまして。 XTHML+フルCSSでサイトを制作しています。 画面上ではこちらの意図している通りに表示できたので、 「これで行こう！」と思っていたら、印刷バグが… 印刷プレビュー画面で確認しようとすると、 中身が白い状態のまま、ページのカウントが異常にあがって終了します。 横幅は広めの900pxで指定しているのですが、 横幅が原因ではないのは確認しました。 こちらの方と症状が似ているので、おそらくfloatに原因があるのではと思いますが… http://oshiete1.goo.ne.jp/qa2357209.html …私の場合は、印刷プレビュー画面でヘッダーすらも表示されません。 ちなみに、ブラウザはWin XP + IE7です。 (mac + Safariでも確認しましたが、こちらは印刷プレビューでうまく表示されました) print.cssは箱だけ作って、まだ中身は記述していません。 まだTOPページしか作っていませんが、公開可能なものなので HTMLとCSS両方ご覧ください。 http://www.okuri.jp/test/ http://www.okuri.jp/test/css.html web上も書籍もいろいろ探してトライしてみましたが、解決策が見つかりません。 どなたかご教示いただけたら幸いです。
- mio_raspbe
- お礼率100% (1/1)
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
#flash { float: right; /*ここをはずしたら再現しなくなった。*/ /*中略*/ }
関連するQ&A
- XHTML+CSSレイアウトについて
段組レイアウトで画像を配置しているのですが、画像の上側部分に空白が出来て しまいます。（IE6で確認すると） 他のブラウザ（Opera+mozila+News)ではきちんと空白が詰めております。 現状で空白を詰めるにはどのようにしたら良いでしょうか？ 「具体的なソース」 http://www.geocities.jp/travelxstory/test/test.html http://www.geocities.jp/travelxstory/test/css001.css 真中のabout画像と上の赤い線の間に空白が出来てしまいます。 勿論、マージン等も設定してIE以外のブラウザではきちんと詰まって表示されます。なぜか上部のaboutだけは正常に空白なしで詰まっております。 現状のXTHML+CSSで画像の空白を詰めるにはどのようにしたら良いでしょうか？
- 締切済み
- HTML
- CSSによる印刷設定
横幅が800pxで制作したWEBページの印刷設定をCSSにて行いたいと思います。背景画像を使用しているので、IEブラウザのツール→インターネットオプション→詳細設定の一番下にある「背景の色とイメージを印刷する」にチェックを入れて印刷プレビューをかけると確かに見た目通りの表示になりますが、横幅800pxですと右端が切れてしまいます。これを横幅が切れないように印刷設定するための方法としてＣＳＳで何か設定はございますでしょうか？単純にプリンタのページ設定で横印刷や余白設定をすれば良いのでしょうが、デフォルトで最低限やっておきたいと考えております。有識者の方々、ご教授の程、よろしくお願いします。
- ベストアンサー
- HTML
- Firefoxでの印刷について（改ページ）
Firefoxの印刷プレビューで確認すると、 表の途中で切られて、フッターがいきなり次のページで表示されています。 当然印刷もできていません。 IEでは印刷プレビューで確認した際には、全部の内容が印刷可能なプレビューになっていますが、 Firefoxがうまくできません。 下記のURLにサンプルをアップしてありますので、 CSS、HTMLの記述に問題が無いかをアドバイス願えないでしょうか？ よろしくお願いいたします。 http://www.geocities.jp/yuu0318/css_test/
- ベストアンサー
- HTML
- XHTML+CSSの印刷について
XHTML+CSSにて <div id=""></div>にて段組で制作しております。 そこでCSSを外部読み込みのURLにて指定しております。 IEにて印刷プレビューするとメインの画像しか映らなく メニューやコンテンツ部分が正常に映りません。 この場合どのようにしたら正常に表示する事ができるでしょうか？ （CSSに問題あるのでしょうか？） 下記のサイトもそのような例です。 （フラッシュ部分の画像しか映らない） http://www.kanematsu-oilgas.co.jp/
- ベストアンサー
- HTML
- CSS+XHTMLで作成のページが画面には映っているのに全部印刷プレビューできない
はじめまして。初めて質問させていただきます。 今ホームページを初めて、CSS+XHTMLでつくっています。 ブラウザ（IE6.0、Firefox）で確認したところ、 意図するようにちゃんと表示されるのですが、 印刷プレビューをみると、 ２ページ目に印刷されるはずのものがプレビューされず、 １ページしかプレビューされません。 １ページ目の下のほうは、 １ページでおさまる分までで文章が途中で切れたような感じになってます。 div でボックスをつくってくみあわせていますが （ヘッダーフッターありの２段組。左ナビで右メインです。） divの設定がおかしくて文章が途中できれて、 自動的に伸びていないのかなと思い、調べているのですがよくわからなくなり、困っています。 ここがこうなのではないかとか、 これがこうなっているはずだからこうすれば、とか 教えていただけませんでしょうか。 よろしくお願い致します。
- 締切済み
- CSS
- CSSの印刷プレビューについて
CSSについて教えてください！印刷プレビューで左カラムがリピートして各ページに出てきてしまいます…原因と解決策をご教授ください！よろしくお願いいたします。
- 締切済み
- その他（プログラミング・開発）
- cssで印刷用ページ作れる？？
現在、表示されているhtmlページはページを軽くするため 背景に画像をおいたりしています。 当然、印刷プレビューでは表示されません。 印刷したい人がブラウザで背景表示を設定してもらわなければならないです。 そこでなんですが、ユーザーが印刷ボタンを押したときに、cssで私が印刷して欲しい「.jpg」をユーザーに印刷してもらうことはできるのでしょうか？ A.htmlを表示しておいて、印刷ボタンを押すとA.htmlの「.jpg」を印刷してもらうというような。 わかりにくい文章ですみません。よろしくお願いします。
- ベストアンサー
- CSS
- 印刷用のページでレイアウトが崩れます
CSSを使って、画面と印刷用のページとを分けてみました。 他のページはうまく印刷できるのですが、画像がたくさん並んでいるページはレイアウトはめちゃめちゃに壊れています。たぶんfloat要素が反映されていないようなのですが・・・どうしたらいいのか全然分りません・・・教えていただけないでしょうか。よろしくお願いします。 http://dp36216231.lolipop.jp/liquor/liquor2.htm
- 締切済み
- CSS
- Win IE6・7でのみ、CSSがうまく機能していないような不具合
こんにちは。 文字の装飾を施したCSSがあり、SafariやFireFoxなどのブラウザでは綺麗に表示されているのですが、Win IE6・7では表示が乱れてしまいます。しかも、同一ページ内の一部分ではCSSが生きていて、一方の一部分ではCSSが適応されずに表示されてしまいます。 考えられる互換モード関係やCSSの確認・再設定、IEの再起動やPCそのものの再起動など試しましたが、解決にいたりません・・・。 IE以外では綺麗に表示されてるということは、IEにあるたくさんバグの内の何らかが原因だと思うのですが、見当つく方いらっしゃいますでしょうか？ どうぞよろしくお願いいたします。
- 締切済み
- HTML
- ieやfirefoxで。cssレイアウトが印刷時崩れる。
cssでレイアウトしてます。 ieやfirefoxでの ブラウザ上（画面）表示ができるのですが、 いざ、印刷プレビューや印刷になると レイアウトが 崩れてしまいます...どのような 解決策。問題点があるのでしょうか？ 印刷ページが中途半端にページをまたいでしまうから？ marginとpaddingがゴチャついて ダメ。 いろいろ考えられますが。。。 よろしくお願いします。
- ベストアンサー
- CSS
お礼
たしかに解決しました！ 今回のバグを検証して、今後に役立てたいと思います。 本当に助かりました★ありがとうございました(^^)