window


この質問記事は解決しています。
トップページ > 記事閲覧
*CSSで全体的に左に寄る
日時: 2008/01/02 02:25
識別: ID:w66F1XEsXsv/
名前: ななこ
 先日はお世話になりました。
 自己解決したにもかかわらず、再び似たような質問を重ねてしまうのは申し訳ないのですが、どうぞよろしくお願いいたします。

 ビルダー10.0.4.0を利用しています。先日のトラブルより再インストールし、修正ファイルを当てました。
 しばらく平和だったのですが、またトラブル発生です。
 普段はFirefox(最新)を利用しているのですが、IE6.0で確認したところサイトのトップページが全体的に左に寄っていました。(Firefoxでは中央表示)
 CSSを外部より呼び出しておりますが、こちらには何の手も加えておりません。(各ページ全て同じCSSファイルを呼び出しています)
 どうやら12月末から更新したページのみ左に寄っているようで、他のページはIEで確認しても中央表示になっています。

 そこで、まだ無事なページをサンプルとしていじってみたところ、ビルダーでひらがな一文字入力しただけで、左に寄ってしまうことが判明しました。入力前の構文を比較してもタグに変化は見られません。(以前のように、いつのまにかタグが抜けていた、ということもありません)
 DOCTYPE宣言を打ち直してみましたが(前回はこれで解決した)ダメでした。
 なお、CSSは素材屋さんよりお借りしているものですが、そのサンプルページもビルダーで一文字打つと左に寄ります。メモ帳で編集した場合、左に寄るようなことはありませんでした。

 左に寄る以外の崩れはないので、やっぱり「とっても困った!」というわけではないのですが、落ち着きません。
 お力添えいただければ幸いです。

 なお、5日昼頃まで諸事情により返信できません。申し訳ありません。
メンテ

Re: CSSで全体的に左に寄る ( No.1 )
日時: 2008/01/02 10:52
名前: nn

> 普段はFirefox(最新)を利用しているのですが、IE6.0で確認したところサイトのトップページが全体的に左に寄っていました。(Firefoxでは中央表示)

該当のページを見てみないとなんとも言えませんが、
おそらくIEのDOCTYPEスイッチによる表示モードの違い。

IEには、スタイルシートの解釈にバグがあり、
URLまで含んだDOCTYPE宣言にして標準モードとして解釈させないと、
CSSでの正しいセンタリング方法が無視されます。


> なお、CSSは素材屋さんよりお借りしているものですが、そのサンプルページもビルダーで一文字打つと左に寄ります。メモ帳で編集した場合、左に寄るようなことはありませんでした。

そのサンプルページとやらのDOCTYPE宣言を、
ビルダーで開く前と後で見比べてみたら?

HPBの初期値では、DOCTYPE宣言はURLなしなので、
サンプルページがURL付きのDOCTYPE宣言であっても、
ビルダーで開いた時点だか、保存した時点だかで
URLなしに書き換えられてしまうよ。
結果、(IEでは前出のバグがある)後方互換モードで表示される。

ビルダーのオプションでURL付きDOCTYPE宣言にしておく(※1)か、
(※1)逆に他のページに表示上の影響が出るかもしれません。
DOCTYPE宣言を自動で入れない設定にしておく(※2)か、
(※2)DOCTYPE宣言は必須ですから、自分で入れる必要があります。
素材屋のページはビルダーでは開かないようにするか、
いずれかでしょうね。
メンテ
Re: CSSで全体的に左に寄る ( No.2 )
日時: 2008/01/06 10:07
名前: ななこ
状態: 解決!

 nn様、ご回答ありがとうございました。
 返信が遅れてしまって申し訳ありません。

 以前、似たようなトラブルがあった時にDOCTYPE宣言をURL付に変更して直ったことがあったので、URL付の宣言であることを確認したのですが結果は変わりませんでした。
 ですが、nn様からのご意見を拝読して、やはりDOCTYPE宣言に原因がありそうでしたので、オプションから改めて変更し、全てのページの宣言をコピーペーストで入れ直しました。
 結果、無事に中央に修正されました。

 (素材屋さんのサンプルページとビルダーで開いた後を比較すると、宣言はURL付でしたがビルダーで開くとやっぱり左に勝手に寄ってしまっていました。これも宣言を入れ直して修正されましたが、変更前後の宣言以外を含む構文の見た目はまったく同じです。初めに入っていた宣言がなんらかの事情で上手く読み込まれていなかったのかな、と勝手に推測しています。)

 新年早々、お手数をおかけしてしまい申し訳ありません。
 とても助かりました。改めて感謝申し上げます。
メンテ
Re: CSSで全体的に左に寄る ( No.3 )
日時: 2008/01/06 10:24
名前: ななこ
状態: 解決!

 すみません。
 投稿後に読み返してわかりにくいところがあったので修正します。

> オプションから改めて変更し、全てのページの宣言をコピーペーストで入れ直しました。

 オプションで設定している宣言はURL付にしていましたが、これを改めて打ち直し。
 変更後、崩れのあるページを含む全てのファイルの宣言をコピーペーストで入れ直し。

 ということを書きたかったのです。
 解決後に失礼しました。
 
メンテ
- ( No.4 )
日時: 2011/12/05 05:34
名前: d251.osa20nn1fm11.vectant.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存