お世話になります。
dreamweaver cs4でホームページを製作しています。以下該当ホームページのソース冒頭部分
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
今まで問題なく運用されていたホームページなのですが、今回新たに設けたイメージリンクについてcss内で位置を動かした際に問題が起こりました。
文字が極端に大きくなって表示されてしまいます(レイアウトこそ崩れていませんがcssの文字の装飾が一部無効になっているような感じです)。
opera9.64、ie6、ie7で確認を行ったところie6、ie7で起こりoperaでは起こりません。
(dreamweaverのプレビューでは問題ないのですが)
イメージの位置を変えるのに試したことは、イメージリンクをdivに入れ子した状態で『#id名 img』にマージンを設定、パディングを設定、『#id名』にマージンを設定、パディングを設定の4パターンです。
結果すべての場合で上記現象が起こりました。
さらに、元に戻すべくその後続けてhtmlとcssを元の状態に編集しなおして再アップしてもなぜかそのままの異常な表示です(もちろん更新ボタンも押してます)。バックアップから上書きすることで正常表示されます。
該当ホームページを掲載するわけにはいかないので聊か抽象的で申し訳ないのですが、このような現象に心当たりがある方はいらっしゃらないでしょうか?よろしくお願いします。
No.3ベストアンサー
- 回答日時:
提供された2つのコンテンツを見比べた瞬間に、まず不具合の出ている新ヴァージョンの方ではbase.cssが正しく読み込まれていない事がわかりました。
フォントサイズのみならず、背景色なども全く適用されていなかったので。で、base.cssを開いてみると、新ヴァージョンの方は日本語部分(コメントやフォントの名称)が文字化けしていました。
単に、CSSのエンコードの問題だった様ですね。質問者さまのHTMLファイル自体はShift_JISなのに対し、新ヴァージョンのbase.cssはUTF-8になっていました。
新ヴァージョンのbase.cssをUTF-8で読み込んでから(そうするとCSSファイルの文字化けが直ります)新たにShift_JISで保存し直し、新ヴァージョンのHTMLファイルを再度ブラウザで閲覧してみまししたら、旧ヴァージョンと同じく支障なくbase.cssが適用された状態になり、勿論文字サイズの問題もなくなりました。
試してみて下さい。
完璧です!パーフェクトな回答ありがとうございました。(逆にソフトに任せっきりな自分が恥ずかしい)
実のところかなり長い時間悩んでいて、まさか質問してから半日で解決出来るとは思ってませんでした。。
abrilさん、大感謝です。ありがとうございました!
No.2
- 回答日時:
> htmlソースの方はすべての場合でdreamweaverのバリデータでチェックをしています。
(問題無しとのこと)それは単にマークアップが文法的に間違っていないという事に過ぎません。CSSでのスタイルの適用に不備(自分が意図する様なスタイルを実現する為に適切な設定ができていない)があったとしても、そこまでバリデータはチェックはできません。バリデータが検出できるのは明かな文法違反の箇所のみです。
【A】「元に戻すべくその後続けてhtmlとcssを元の状態に編集しなおして再アップしてもなぜかそのままの異常な表示」
に対して、
【B】「バックアップから上書きすることで正常表示」
という事は、【A】の時には「元に戻した”つもり”」になっていも実際は「何かが編集前のヴァージョンとは異なっている」と考えるしかないと思いますが。
質問者様が回答/アドバイスを希望するにあたって最低限しなければならないのは、せめて、【B】と今回トラブルが起きたヴァージョンの差分(変更箇所)を具体的に提供される事だと思います。「まずは状況でピンと来るような方がいらっしゃればと思いまして」と言いますが、あの程度の情報(DOCTYPEがわかるのみで、HTMLもCSSも具体的なソースが何一つない)ではエスパーでもない限り、それすら無理でしょう。
> イメージの位置を変えるのに試したことは、イメージリンクをdivに入れ子した状態で『#id名 img』にマージンを設定、パディングを設定、『#id名』にマージンを設定、パディングを設定の4パターンです。
という事からかろうじて推測できるのは、セレクタの設定が何らかの点で的確ではなくなってしまい、フォントのプロパティに関する継承が切れて(値が変更されて)しまっているのでは…という程度でしょうか。
この回答への補足
厳しくも暖かいご回答感謝します。
「補足要求」と頂きましたので甘えてサンプルページを作らせていただきました。現状 http://www.ucatv.ne.jp/~h_p_s/
『ページ下のSAMPLEボタンの位置を45px右側に移動させたい』が真の目的です。
http://www.ucatv.ne.jp/~h_p_s/sample/
上は4パターンのうちの一つを再現してみました。こちらの説明不足でお手数お掛けして申し訳ありませんがもう一度ご回答お待ちしております。よろしくお願い致します。
No.1
- 回答日時:
htmlもcssも見れない(冒頭のソースを書かれてもあまり意味は無いですね^^;)ので何とも言えないですが、バックアップからの上書きで正常に見れるのであるならば、何か(";"など)を誤って消している可能性があります。
今一度、cssの"font"プロパティをよく確認してみては?
早速の回答ありがとうございます。
おっしゃる通りです。html,cssを提示できれば良いのですけど、まずは状況でピンと来るような方がいらっしゃればと思いまして。。
htmlソースの方はすべての場合でdreamweaverのバリデータでチェックをしています。(問題無しとのこと)
cssの方も今回について言えば元の状態から編集し始めてアップ→駄目→dreamweaverで(css切り替え)元に戻すで戻しています。その後再アップしても・・・という状況です。質問内容のイメージリンクの位置を変えたいという方はこちらで、その後の元に戻らないって方はソフトの方で質問するべきかもしれないです。ごめんなさい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
cssの外部ファイルの方法について
-
CSSの外部ファイル読み込み...
-
Dreamweaver のテンプレートで...
-
CSSによる簡易な複数言語対応に...
-
外部CSSの読み込みがうまくでき...
-
cssファイルを階層の異なるHTML...
-
ドキュメントルートより上の階...
-
cssが反映されません
-
外部ファイルでのスタイルシー...
-
ホームページ作成のCSS(スタイ...
-
CSSファイルの分け方皆様はどの...
-
HTMLの CSSのファイルというの...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
似ているフォント(Win⇔Mac)
-
入力規則のリストの文字の大き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
サイトを作る時のcssファイルは...
-
ディレクトリ構成【「common」...
-
jspにcssを反映させるには
-
Dreamweaver のテンプレートで...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
スタイルシート(CSSスタイル)...
-
エクセルファイルにCSSを読み込...
-
テンプレートが反映されない【F...
-
ドキュメントルートより上の階...
-
CSSの整理方法
-
WindowsとMacで違うCSSを読み込...
-
ホームページに、ユーザがcssの...
-
ワードプレスで太字が反映され...
-
FC2 ホームページを別の人が編...
-
cssは複数作る?
-
フリーのCSSテンプレートで編集...
-
拡張子 .cssに続く暗号みたいな...
-
cssが反映されません
おすすめ情報