現在、CSSでホームページを作成しているんですが、ブラウザのプレビューで見てみても、なぜかCSSで指定したレイアウトが反映されません。
ドリームウィーバーの画面ではCSSが反映されているんですが、ブラウザだと反映されていない状態です。
どうすればいいのでしょうか?
また、以前はテーブルを使用していました。
大きな枠はCSSで作成するのは比較的簡単なんですが、同じ枠内に|横2列2列のコンテンツなどを作る時もCSSで作成するべきなのでしょうか?
それともCSSでテーブルを組み合わせて作成しても問題ありませんでしょうか?
質問内容が2つになってしまいましたが、どうかご教授よろしくお願いいたします。
No.5ベストアンサー
- 回答日時:
#2、#3です。
もし差し支えなければHTMLの表記とCSSの記述をこちらで書かれてみてはどうでしょうか。
詳しい方からのアドバイスがあるかもしれません。
DreamWeaverでは問題がなくても、ブラウザによっては反映されない指定方法があったりしますし。
(IEやFirefoxでもCSSの記述の違いによって表示が変わってきます)
No.4
- 回答日時:
#1 です。
DW等のオーサリングツールにはあまり頼らないほうがいいです。
ブラウザごとに見え方が違うので私はあまり当てにしていません。
CSSを記述する場合はハンドコーディングでやってみるといいですよ。
プレビューはローカル上でチェックしてるのでしょうか?
もしサーバーにアップしている場合はキャッシュを一度削除してみましょう。
下記はレイアウト崩れの場合のチェックリストですが
CSSがきちんと効いているのか、試してみてください。
http://stopnlisten.no.land.to/2007/01/css10.html
ご参考までに。^^
何度もありがとうございます。
ローカル上でチェックしています・・・
一度サーバーに上げたら表示されるということもあるんでしょうか?
ありがとうございました。
No.3
- 回答日時:
<link REL="stylesheet" type="text/css" href="○○○.css" />
と記述されているということは、htmlファイルとCSSファイルは同じ場所(フォルダ内)にある
ということでよろしいでしょうか。特に間違いは見当たらないのですが…。
No.2
- 回答日時:
手間がかかりますが、一度外部CSSをの記述をhtml内に貼り付けてからブラウザで確認する
という方法を取られてみてはどうでしょうか。
それでブラウザで反映されていると外部パスへの記述が間違っている可能性もありますし。
ご参考までにお願い致します。回答でなくて申し訳ありません。
ありがとうございます。
早速試してみます!
ちなみに以下のように記述しているんですが、間違っていそうでしょうか?
<!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で構築するのが無難なのではないでしょうか。
ご参考までに。^^
早速のご回答ありがとうございます。
OSはWindowsです・・・
外部リンクのパスも一応チェックしてみたんですがおそらく問題ないと思います。
もし外部リンクが間違っている場合はDW上でも反映されないのでしょうか?
一応DW上では反映されています。
枠内に2列2列をCSSで組み立てるのはテーブルに比べてとても面倒なのでご質問させていただいたのですが、やはり傾向に合わせて頑張ってみます!
本当にありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- HTML・CSS ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ 3 2022/12/18 18:56
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS cssで指定したフォント名が反映されないのですが、一般ファミリ名の優先順位付きリストを指定するために 1 2023/05/01 00:24
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
スタイルシート(CSSスタイル)...
-
サイトを作る時のcssファイルは...
-
cssで、ボタンのテキスト部分を...
-
ブラウザでプレビューでCSSが反...
-
HTMLの CSSのファイルというの...
-
cssでiPhone SEで文字が小さす...
-
ディレクトリ構成【「common」...
-
定数の定義とかはできますか?
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
教えてください。
-
ペイント3Dのテキストサイズ変更
-
PDFファイルを開かずに印刷...
-
Illustratorで作成、pngで保存...
-
似ているフォント(Win⇔Mac)
-
EXCEL VBA 印刷プレビューダイ...
-
MsgBoxについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
ディレクトリ構成【「common」...
-
jspにcssを反映させるには
-
HTMLの CSSのファイルというの...
-
サイトを作る時のcssファイルは...
-
cssで、ボタンのテキスト部分を...
-
ドキュメントルートより上の階...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
Dreamweaver のテンプレートで...
-
cssファイルを階層の異なるHTML...
-
スタイルシート(CSSスタイル)...
-
WindowsとMacで違うCSSを読み込...
-
一部のページにデフォルトCSSを...
-
cssが反映されません
-
Shadowboxを使い方が分からない
-
複数のhtmlで同じcssファイルを...
-
CSSによる簡易な複数言語対応に...
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
おすすめ情報