• ベストアンサー

ブラウザでプレビューでCSSが反映されません・・・

現在、CSSでホームページを作成しているんですが、ブラウザのプレビューで見てみても、なぜかCSSで指定したレイアウトが反映されません。 ドリームウィーバーの画面ではCSSが反映されているんですが、ブラウザだと反映されていない状態です。 どうすればいいのでしょうか? また、以前はテーブルを使用していました。 大きな枠はCSSで作成するのは比較的簡単なんですが、同じ枠内に|横2列2列のコンテンツなどを作る時もCSSで作成するべきなのでしょうか? それともCSSでテーブルを組み合わせて作成しても問題ありませんでしょうか? 質問内容が2つになってしまいましたが、どうかご教授よろしくお願いいたします。

noname#52036
noname#52036
  • HTML
  • 回答数5
  • ありがとう数6

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

  • ベストアンサー
noname#56882
noname#56882
回答No.5

#2、#3です。 もし差し支えなければHTMLの表記とCSSの記述をこちらで書かれてみてはどうでしょうか。 詳しい方からのアドバイスがあるかもしれません。 DreamWeaverでは問題がなくても、ブラウザによっては反映されない指定方法があったりしますし。 (IEやFirefoxでもCSSの記述の違いによって表示が変わってきます)

その他の回答 (4)

回答No.4

#1 です。 DW等のオーサリングツールにはあまり頼らないほうがいいです。 ブラウザごとに見え方が違うので私はあまり当てにしていません。 CSSを記述する場合はハンドコーディングでやってみるといいですよ。 プレビューはローカル上でチェックしてるのでしょうか? もしサーバーにアップしている場合はキャッシュを一度削除してみましょう。 下記はレイアウト崩れの場合のチェックリストですが CSSがきちんと効いているのか、試してみてください。 http://stopnlisten.no.land.to/2007/01/css10.html ご参考までに。^^

noname#52036
質問者

お礼

何度もありがとうございます。 ローカル上でチェックしています・・・ 一度サーバーに上げたら表示されるということもあるんでしょうか? ありがとうございました。

noname#56882
noname#56882
回答No.3

<link REL="stylesheet" type="text/css" href="○○○.css" /> と記述されているということは、htmlファイルとCSSファイルは同じ場所(フォルダ内)にある ということでよろしいでしょうか。特に間違いは見当たらないのですが…。

noname#52036
質問者

お礼

ありがとうございます。 同じフォルダ内にあります。 やはりそうですか・・・ いろいろ検討してみます。

noname#56882
noname#56882
回答No.2

手間がかかりますが、一度外部CSSをの記述をhtml内に貼り付けてからブラウザで確認する という方法を取られてみてはどうでしょうか。 それでブラウザで反映されていると外部パスへの記述が間違っている可能性もありますし。 ご参考までにお願い致します。回答でなくて申し訳ありません。

noname#52036
質問者

お礼

ありがとうございます。 早速試してみます! ちなみに以下のように記述しているんですが、間違っていそうでしょうか? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content=""> <meta name="keywords" content=""> <link REL="stylesheet" type="text/css" href="○○○.css" /> <title>○○○</title> </head> <body>

回答No.1

こんにちは。 お使いのパソコンはMacでしょうか? だとしたら、反映が遅い場合があります。 以前Macで作業していたら、なかなか反映されなかった気がします。 あとは外部リンクのパス、ファイル名等が間違っていないか確認してみましょう。 >それともCSSでテーブルを組み合わせて作成しても問題ありませんでしょうか? いわゆる逆ハイブリッドデザインというやつでしょうか。 (ハイブリッドデザインとは、大枠をテーブルで組み、細部をCSSで組む方法です) 問題はないかと思いますが、傾向を考えると、極力テーブルは使用せず xhtml+cssで構築するのが無難なのではないでしょうか。 ご参考までに。^^

noname#52036
質問者

お礼

早速のご回答ありがとうございます。 OSはWindowsです・・・ 外部リンクのパスも一応チェックしてみたんですがおそらく問題ないと思います。 もし外部リンクが間違っている場合はDW上でも反映されないのでしょうか? 一応DW上では反映されています。 枠内に2列2列をCSSで組み立てるのはテーブルに比べてとても面倒なのでご質問させていただいたのですが、やはり傾向に合わせて頑張ってみます! 本当にありがとうございます。

関連するQ&A

  • ドリームウィーバーCS3のブラウザでプレビューに関して

    ドリームウィーバーCS3で作成しております。 cssの設定もして、デザイン画面では、 h2に設定している文字の大きさや 文字の後ろの背景の色も表示されていますが、 ブラウザでプレビューをすると、 h2の設定は反映されません。 ちなみにpの設定は反映されています。 分かりにくい説明ですが、アドバイスをいただければ幸いです。

  • Dreamweaver8 CSSが反映されない!

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

  • ドリームウィーバーでホームページを作ってるんですけど・・・

    ドリームウィーバーでホームページを作っていて疑問に思ったので質問します。 1.本に画面サイズを考えて横~780が望ましいと書いてありました。それで780の中におさまるように作ってるんですが、ブラウザでプレビューして最大化して見ると右に余計な空白ができてしまいます。これはどうしてでしょうか?780で作っているつもりが作っていないんでしょうか? 2.あと使っているパソコンでブラウザでプレビューしたものと他のパソコンでプレビューしたのでは字の大きさとテーブルの高さがかわっているんですけど何ででしょうか? 以上の2つはどうすれば解決できるか教えて下さい。お願いします! ちなみにウィンドウズでドリームウィーバー4を使って作成しています。

  • XHTML&CSSとドリームウィーバーについて

    最近というかずいぶん前からですが、ウェブサイトの制作に XHTML&CSSで記述しているサイトをよく見かけますが、 これにするメリットはただのhtmlと比べ何が優れているのでしょう? わたしとしては、htmlしかしらず、ドリームウィーバーver4で、 サイトを制作していましたが、最近、初めてXHTML&CSSで記述している サイトを読み込んで、レイアウトがめちゃめちゃなのに驚きました。 テーブルレイアウトでしか作ってこなかったので、正直どうして いいか戸惑っています。今後どうしたらいいのでしょうか? またドリームウィーバーの最新バージョンは、テーブルレイアウト のような簡単な見え方で、XHTML&CSSで記述ができるように なっているのでしょうか?

    • ベストアンサー
    • CSS
  • フレームやテーブル内でのCSS

    フレームやテーブル内でCSSがうまく反映されないのですが、どうしてでしょう? なにか設定が必要なのでしょうか? 使っているのはドリームウィーバー4です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSレイアウトでこのようなことはできる?

    ホームページをテーブルを使用しないCSSレイアウトで作成しようと思います。 左右を分けるのにfloatを使用して作っています。 横幅は30%と70%で分けていますが、ブラウザの幅を小さくすると上下にずれてしまいます。 そこでブラウザで800px以下になった時は横バー表示するようにしたいです。 このようなことはできるでしょうか?

  • ホームページビルダーでcssレイアウトは可能ですか?

    Web制作初心者です。 Htmlのtableでトップページ全体をレイアウトすると、読み込みが遅くなるそうですが、ホームページビルダー9を使っているため、レイアウトを作るのは簡単にすみ、いままでtableで作成してきました。 今度、新たにサイトを作るのですが、cssでレイアウトを作りたいと思います。そこで、ホームページビルダー9はcssでtableのようなレイアウトを作ることは可能なのでしょうか? tableの場合は、「表の挿入」を選んで、「行の追加」や「列の追加」、「選択セルの結合」とかでどんどん表を作っていって、セルに画像追加や文字を書いていました。 こういうのはcssでは(ホームページビルダー上では)どのようにするのでしょうか? あと、tableを作って、その下にもtableを追加していくと、ページをプレビューした場合、下のほうに行くにつれてそれぞれの表がズレていきます。cssではズレないようにできるのでしょうか?

  • スタイルシート(CSS)がSafariのみレイアウトが崩れるときの対処法

    趣味でCSSレイアウトを用いて、サイトを作成しています。 CSSでつくったコンテンツ部分の枠の中に、CSSで3つのわくを横並びにつくっていたのですが、IEで表示がくずれたので、仕方なくテーブルで作成したところ、正しく表示されるようになりました。 しかしSafariのみその3つのわくが横に飛び出してしまいます。 他にFirefox、IE7、Sleipnirでは正常に表示されます。 こういうときWeBデザイナーの方はどうされているのでしょうか?

    • ベストアンサー
    • HTML
  • ドリームウィーバーのプレビューで立ち上がるブラウザについて

    MacOS 10.3.9 でドリームウィーバーMXを使用しています。 作業中にブラウザでプレビュー(F12)をするとエクスプローラーが立ち上がってきます。私は普段safariを使用しているのですが、このプレビューのときにsafariが立ち上がるように変更したいのですがどうすればいいのか教えて頂きたいのですが。 宜しくお願いいたします。

  • SEO対策とブラウザ環境

    すみません。いつもわからず困っているのですが、ホームページのSEO対策とブラウザ環境についてです。SEO対策を意識するのならば、テーブルではなくCSSで製作するべきだとよく、聞くのですが、CSSでホームページを作成すると、ブラウザを選んでしまうとおもうのです。みなさんは、IE意外のブラウザ、Firefox,Safariでも見れるようにするとき、皆さんはテーブルでレイアウトしていますか?お教えください。