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

Question

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

NymphLuna · Accepted Answer

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

raichioisi · Answer

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

NymphLuna · Answer

NymphLuna · Answer

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

raichioisi · Answer

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

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

#2、#3です。

#1 です。

<link REL="stylesheet" type="text/css" href="○○○.css" />

手間がかかりますが、一度外部CSSをの記述をhtml内に貼り付けてからブラウザで確認する

こんにちは。

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング