Webサイト作成を仕事にしているものです。
今回XHML+フルCSSでサイトを構築したのですが、
IE6で印刷プレビューしようとすると、ヘッダーだけ出てきて中身は白い状態になり、ページのカウントが異常にあがって終了します。
ちなみに印刷用のスタイルシートではありません。
印刷用のスタイルシートを設定しないと、このように異常な動作をするものなのでしょうか。
他のサイトでも色々調べましたが、position:absolute;等、悪さをしそうなタグは自分のわかる限りでは使用していないです。どちらかというと、画像が少なく文章(特にリストタグ)が多い感じのサイトです。
(クライアントのサイトでfixしていないので、公表できないのですいません。)
これからどういう風に進めていくか悩んでいるところなので、どんな小さなことでも教えて頂ければありがたいです。どうぞよろしくお願いします。
No.1ベストアンサー
- 回答日時:
推測ですが、横幅に問題があるのではないでしょうか。
印刷プレビューには【ページの設定】から【印刷の向き】の欄に、【縦】と【横】の選択肢があると思うのですが、横向きの印刷プレビューでも上手くいかないのでしょうか?
だとしたら、WebPageの中身(コンテンツ)の横幅をpx等で完全固定し、全く相対値指定(%,em等)がない場合で、ヘッダー以下のサイドバーやメインコンテンツ部が印刷プレビュー枠に収まりきらず、カラム落ちみたいな現象を起こしているかもしれないですね。
であれば、ヘッダー以下の要素が、きちんと印刷枠に収まればいい訳です。
ヘッダーページ以下のいずれかの要素の横幅に対して相対値を指定し、リキッドレイアウトを確立するか、印刷用のCSSにて、はみ出すであろう要素にoverflow プロパティでスクロールバーを出すかhiddenで隠すかなどの対応で対処できるかもしれないですね。
レイアウトは少なくともコンテンツ以外の外枠はリキッドさせる方が利点があってベターだと思います。
どうしても横幅完全固定にするならば、全体の横幅を700px前後に狭めるとか。
またはサイドバーの部分だけを印刷CSSにてdisplay : none ;を指定して隠してしまうとか色々方法はありそうです。
相対値指定でリキッドレイアウトを指定しているにもかかわらずおかしいと言うのであれば、floatプロパティやdisplay : relative または display : absolute
などによるレイアウトに、何か問題があるのかもしれません。しかし、それはソースを見てみなければ具体的な指摘ができないので歯がゆいところです。
ちなみにHTMLとCSSの文法チェックはお済みですか?
推測で話したので全く的外れだったらすみません。
この回答への補足
丁寧なご回答、感謝致します。
さきほどマイクロソフトのプロフェッショナルサポートにも連絡致しまして、IEのCSS実装のバグとスタイルシートが原因であるということは、確認致しました。
横向き印刷につきましては、印刷を横向きにしても同様の動作が起こり、さらに今まで1ページに入りきって印刷がうまくいってたものを横にしたら、こちらもフリーズするようになりました(++)
このサイトは顧客の意向でユニバーサルデザイン仕様で作っておりまして、それぞれのパーツはピクセル固定、フォントとline-heightについては、全てemの相対値指定で作っております。
リキッドレイアウトって、幅が固定しないで流動するやつですよね。
デザインはほぼ確定してしまっているので、リキッドレイアウトにはできないのすが・・(++)
ヘッダー下の部分は、mainという横幅760pxの大きい枠指定がして、
その中に左メニュー部分と右の内容部分をidで指定しているような感じです。
floatは多様している方かもしれません。
あと文法チェックは富士通のWebinspectorでは、やっています。でもこれはUD仕様なので、ほんとの文法チェックとはいえないですよね。
以下のサイト等でこれから調べてみようと思っております。
http://standards.mitsue.co.jp/archives/000018.html
他に何かわかることがありましたら、教えて頂けるとありがたいです。どうぞよろしくお願いします。
仕事に追われて、お礼が遅れましてすみません。
マイクロソフトのサポートも経て、自分で構築し直しまして、
なんとか正式アップにこぎつけることができました。
結果としては、横幅設定ではなく、やはりfloatの設定の関係だったのですが、色々ページも教えていただき、色々参考になりました。
ありがとうございました。
No.2
- 回答日時:
CSSのバグリストの以下のような報告がありますので念の為
症状>>
フロートと改ページ(page-break-before, page-break-after)が混在したページを印刷プレビューで開くとIEがクラッシュすることがある。
参考URL:http://cssbug.at.infoseek.co.jp/detail/winie/b06 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
- Excel(エクセル) Excelであるシートだけ印刷できない 1 2022/04/01 09:04
- Excel(エクセル) セルに設定した[コメント]、表示のON/OFFは正常なるも印刷されない! 3 2022/09/18 21:56
- プリンタ・スキャナー 印刷ができない 6 2022/04/01 20:47
- Excel(エクセル) エクセルでキーリストからデータを取り出して1枚1枚印刷するには? 11 2022/06/27 09:52
- Excel(エクセル) エクセルシートのPDFでの保存 2 2022/09/06 13:05
- プリンタ・スキャナー WPS Writerで文章を作り、下側にノンブルを設定したのですが印刷されません。 1 2022/08/04 18:57
- その他(Microsoft Office) Excelのマクロについて教えてください。 1 2022/03/25 10:03
- その他(パソコン・スマホ・電化製品) イラストの印刷について 3 2023/04/23 12:43
- プリンタ・スキャナー 印刷枚数を減らしたいです。 印刷用紙1枚が4等分になるように、pdfになってる楽譜4ページ分をはめ込 1 2022/08/01 00:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDFファイルを開かずに印刷...
-
phpについてですかね、印刷ボタ...
-
サイト全体を縮小して印刷する...
-
OpenOffice Calc basic で印刷...
-
ページ内にスクロールバーのあ...
-
Accessレポートでの改ページ
-
VBによる改頁行の罫線変更
-
印刷用ページを作る際のCSSの使...
-
ACCESS VBA レポートプレビュー...
-
ファイルを開かないで印刷
-
VBのDataGridView印刷
-
印刷ボタンを連打するとエラー...
-
C# 印刷可能領域と余白範囲...
-
HTMLって印刷するとずれるんで...
-
ホームページビルダー11でA4サ...
-
Firefoxでの印刷について(改ペ...
-
EXCEL VBA 印刷プレビューダイ...
-
印刷プレビュー
-
PageBreaks.Countと印刷範囲の...
-
印刷すると背景画像が小さくな...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDFファイルを開かずに印刷...
-
EXCEL VBA 印刷プレビューダイ...
-
Excel VBAで文字列の可視長を得...
-
Excel VBA 「印刷中」メッセー...
-
ページ内にスクロールバーのあ...
-
EXCEL VBAでPDFファイルを開い...
-
excelにて各シートの総印刷ペー...
-
C# 印刷可能領域と余白範囲...
-
サイト全体を縮小して印刷する...
-
ヘッダやフッタの印刷をしたくない
-
PageBreaks.Countと印刷範囲の...
-
コマンドプロンプトでフォルダ...
-
Accessレポートでの改ページ
-
OpenOffice Calc basic で印刷...
-
ACCESS VBA レポートプレビュー...
-
インラインフレームの印刷について
-
印刷するときにテキストボック...
-
印刷プレビュー表示後ユーザー...
-
VB.NETでのExcelの印刷について
-
印刷時ヘッダーとフッターを挿入
おすすめ情報