ブラウザの違いで起きる表示のずれ
-
0 名前： minmi ： 2005/11/23 08:43 ［URL］
- メインはＩＥ６ですが、ネットスケープで見たときＣＳＳで構成されているレイアウトが
まったく違っていました。
このずれの訂正などの仕方がわかりません。
こんなにも違うとは思っても見ませんでした。
ネットスケープはstyle1、ＩＥはstyle2を使うとかそういうことってできるのでしょうか？
どのようにしたらいいでしょうか？
-
1 名前： Pid ： 2005/11/23 08:43
- えーと，どのページのどの部分が「おかしい」のか具体的に教えてもらえると助かるのですが…（私が拝見した限りでは，極端に崩れている部分はありませんでした）。
あと，Netscape は ver.4 以前と ver.6 以降では全くの別物なのですが，バージョンはいくつでしょうか。
-
2 名前： minmi ： 2005/11/23 08:43 ［URL］
- 返事が遅くなりすいません。ありがとうございます。
とりあえず見れるように改善はしたのですが、
ページ背景の画像のずれは直りません
ネットスケープはバージョン７をいれています。
妊娠糖尿病って？http://babybabybaby.8dry.com/GDM.html
妊娠糖尿病体験記http://babybabybaby.8dry.com/Diary7.html
その他も背景画像が見れないページがあります。
-
3 名前： Pid ： 2005/11/23 08:43
- 亀レスで申し訳ありませんが。
#page1{
...
width:741px;
overflow: scroll;
overflow-y: scroll;
...
}
・width を px 指定する理由が無いので，90% くらいで十分です（半端な数値の px 指定が多いようですが，それだったら % 指定の方が良いでしょう）。
・overflow-y というプロパティは公式には存在しません。
擬似フレームはブラウザのバグが頻発する分野なので，場合によっては裏技を使う必要があるかもしれませんが，まずは
・http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
・http://jigsaw.w3.org/css-validator/
の結果を見ながら，Netscape7 に合わせて修正してみて下さい。一般論として，Netscape7 は IE よりも解釈が厳密ですから，Netscape7 に合わせてページを作った方が，後々のメンテが楽になると思います。
-
4 名前： minmi ： 2005/11/23 08:43 ［URL］
- 返事が遅くなりすいません。
Pidさんありがとうございます。
％表示ですね。レイアウトが崩れてしまう気がしますが試してみます。
ネットスケープを標準にしてページを作るよう心がけます。
今のところ、背景画像は別としてページ自体は何とか見れるようです。
参考URLも読ませていただきます。
結果はまた報告します
ありがとうございました。
-
5 名前： minmi ： 2005/11/23 08:43 ［URL］
- widthを％表示に切り替え、インラインフレームをなくしました。
これで、背景画像が見れるようになりました。
ありがとうございます。
