• ベストアンサー

IE7で印刷。cssでのずれについて。

dreamweaverでHP作成しています。 印刷時にcssのためずれが生じます。 生じるのは、フロートの箇所です。実際にフロートされません。 フロートの左に指定しても印刷時には反映されません。 おねがいします。

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

  • ベストアンサー
回答No.1

プリント用CSSを用意して印刷時だけスタイルを変更してみては? 詳細は 「プリント CSS」 などで検索してみてください。 印刷するときは印刷範囲のマージンなどが生じて、 実際のコンテンツ表示幅は640px前後だと言われます。 もしかするとそれが影響して範囲外に飛ばされたり絡む落ちしてるのかもしれません。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • Dreamweaver8 CSSが反映されない!

    Dreamweaver8 でサイトを作成しているものです。 今までは、何の問題もなくプレビューでCSSが反映されていたのに、突然プレビューでCSSが反映されなくなりました。 以前自分で作成したサイトをダウンロードして、Dreamweaver8のプレビューを見てみてもCSSが反映されていません。 作成時は、CSSは反映されていました。 もちろん、サイトをアップロードしてみると、きちんと反映されています。 Dreamweaverの環境設定やスタイルレンダリングも確認済みです。  見ているブラウザは、IE9です。 プレビューにCSSが反映されないので、サイトの作成ができずに、とても困っていました。 どなたか、詳しい方教えてください!!! 宜しくお願いします!

  • CSSの印刷について

    htmlとcssで構築したのですが印刷プレビュー時にcssで設定した背景が反映されません。cssでも反映させることは出来るのですか??

  • IE6に対応させたcssハックについて

    cssベースでHPを構築しています。 ヘッダー、そしてメインブロックの中にレフトボックス、 ライトボックスを入れた2カラムです。 レフトボックスとライトボックスはフロートで調整しています。 ブロックにフロートを使うとIE6でマージンオートが適用されないという 話を聞き確認してみたところ、確かにIE7,ファイアーフォックスでは きちんと背景の真ん中にコンテンツが表示されているのですが、 IE6で見てみるとズレが生じています。 マージンオートが適用されず、左側にヘッダー、メインボックス全て くっついている状態です。 ハックを使うことがポイントのようなのですが、 IE6用にどのようにスタイルシートに記述すれば宜しいでしょうか?? IE6しか読み込まない子供セレクタを使うというものもありましたが px指定してもパソコンの画面サイズでずれが生じるといったことは ないでしょうか? cssに詳しい方宜しくお願い致します。

  • 閲覧用CSSと印刷用CSSを分けることは可能ですか?

    現在、WEBページをtable無しのCSSで作成しています。 普通に閲覧する場合には問題ないのですが、 印刷しようとすると外部CSSで指定している画像が 印刷できないため、#fff部分が消えてしまいます。。 その為、media="screen"とmedia="print"で使い分けて 印刷時には#fffを#999などにしようと思ったのですが、 閲覧時にそれが反映されてしまって、黒い画像に#999文字になってしまい上手くいきません。 現在の記述は、 <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css media="print"> です。 色々サイトを見たところこの方法であってると思ってたのですが 何が間違っているのでしょうか?? もしくは、他に印刷時も閲覧画面と同じように見せる方法があれば 教えてください。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ナビゲーションにCSSで画像入れるには

    宜しくお願いします。 制作ソフトはDreamweaver8、XHTML+CSSレイアウトでデザインビューでやっています。 CSSでのナビゲーションについて質問させて頂きます。 横型の8項目あるナビゲーションを、画像で作りたいのです。 そしてCSSで高さ40に指定した「#navi」の中で、改行しながら8項目入力しました。 8ヶとも斜体にしリンク設定して、CSSの「#navi p」を作りフロートを左、マージンと余白を0にすると横並びになりました。 そして「#navi p a」のCSSを作り、表示をブロックにして高さ40幅100に。「#navi p em」で可視性を非表示に。 ここからです。ここからこの100×40のリンク箇所に、ナビ画像を「a:link a:visited a:hover a:active」の4つ×8ヶ入れたいのです。 CSSで背景として入れると思うのですがやり方がわかりません。 もし分かる方おられましたら、宜しくお願いします。

  • 印刷できないHPのcss

    とある商業施設のHP http://breeze-breeze.jp/floor/cate_gourmet.html …を印刷すると、 上と左のメニュー以外の、つまり右下にでるべき内容が真っ白になってしまいます。 わざとでもなさそうなのでcssで何処か失敗しているのかなと思って http://breeze-breeze.jp/common/style/style.css のcssを見てみたのですが、当方しばらく製作現場を離れている為、さっぱりです。 どなたか 「cssのこの箇所がこうだから、この現象がおきている」 という解説をしていただけるとうれしいです。 なんでなんだろうと気になっているので。 もし出来たら印刷できる方法があればそれも知りたいです。 (プリントスクリーンとブラウザ替えはなしでおねがいします) よろしくおねがいします。

  • CSSでバックグラウンドを印刷可能にするには...

    バックグラウンドで背景画像配置をしましたが、印刷する際には まったく 写らなくなってしまっています。 どのように したらよいでしょうか? 現在 CSSファイルは1つです。印刷用のCSSファイルも ひとつ作る必要がありますか?また、既存のCSSファイルに 付け足す だけでよいのでしょうか? 詳細 教えていただきたいです。 合わせて,複数ページ(例えば1ページで済ませたいのに、中途半端に1行だけ2ページ目になってしまい、結果2ページ印刷になている) の時 ページを指定したり、合わせて1ページとして印刷させる方法。あるいはHPを用紙にフィットさせる方法があれば 教えてください。

    • ベストアンサー
    • CSS
  • 外部CSSで作成したページの印刷について

    「外部CSS」で作成したページを、印刷プレビューしてみると 「HTML」だけ?の状態のような感じです。 「外部CSS」で作成したページを、CSSが反映した見た通りには、印刷できないのでしょうか? なにか、記述の追加をすれば、できるのでしょうか? または、参考サイトがあれば、教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • cssのズレについて

    cssのズレについて質問です。 うまく伝わるでしょうか・・・下記の構成でHPを作っています html\index.php html\header.html html\style.css html\about1\index.php html\about2\index.php html\about3\index.php html\about4\index.php ヘッダーとグローバルナビを共通化したいので各indexをphp化しheader.htmlをincludeしています。 ここまではどのファイルもデザインのズレは起こりませんが、 \about1~4の階層に新たに○○○.phpを追加すると全体的に右へ18pxズレてしまいます。 不審に思い、元々あるindex.phpをコピーしbody内だけを書き換えても右へ18pxズレてしまいます。 取りあえず新規追加したファイルはmargin-left:-18pxで囲んで凌いでますが 根本的な解決とは言えません。 ヘッダー内、cssと何一つ変更してないのにズレてしまうのはなぜでしょうか? 詳しい方、類似の事象が起きた方が居ましたらよろしくお願いします。

    • ベストアンサー
    • CSS
  • dreamweaverでCSSを作成したい!

    MacromediaのDreamweaverでWebデザインをしています。 DWの機能を使ってCSSを作成したいのですが、 作ったCSSがCSSスタイルのウィンドウに反映されないのです。 カスタムスタイルを作成したいのですが、 適用したい文字を選択して、CSSウィンドウ上の適用したいスタイル名をクリックすれば適用できる、はずなのに、 CSSウィンドウ上にどうやっても反映されません! どうすればよいのでしょう…。

    • ベストアンサー
    • CSS