IEとFirefoxでの表示の違いで困ってます

[新着] Webテンプレートを仮オープンしました



0   名前: ごんた : 2006/11/05(日) 13:25  [URL]  ID:At68DC.N
Firefox1.5ですと思ったように表示されるのですがIE6だと崩れてしまいます。どこを直せばIEでも政情に見れるようになるでしょうか?

http://a3g5.web.fc2.com/

http://a3g5.web.fc2.com/base.css

1   名前: 元帥 : 2006/11/05(日) 13:25  [URL]  ID:RUCeRzCP
http://www.tagindex.com/cgi-lib/q2bbs/patio.cgi?mode=view&no=992
からの移動ですね。

さて、IEではwidthとheightの適用範囲が異なっています。
OperaやFirefoxでは、ちゃんと内容領域の高さや幅として表示してくれるのですが、IEではどういうわけかボーダー等も含んだサイズになってしまうようです。

左側を統一させるため、
.right
{
	border-left: 20px solid;
}

を消して
.left
{
	border-right: 20px solid;
}

.leftでボーダーを右側に指定してはどうでしょうか。

2   名前: ごんた : 2006/11/05(日) 13:25  [URL]  ID:At68DC.N
ありがとうございます。どちらでも同じように表示されました。
ただ、ひとつ疑問に思うのですが、こういうのが適切な処置方法なのでしょうか?
どうも、その場しのぎな感じがするのですが・・・。
ブラウザの認識の違いなので仕方が無い事なのでしょうか?

3   名前: 匿名 : 2006/11/05(日) 13:25  ID:t/YM3UBe
どんなブラウザでも同じように見えることにこだわるなら、テーブルレイアウトがいいと思うよ。

何が適切かはごんたさんが決めること。
細かい見た目にはこだわらない。もよし、全く同じに見せるもよし。
今回はボックスの取り方だけど、他の部分でも、ブラウザとそのバージョンとOSのかずだけ解釈が違う。ある部分からは捨てるしか、個人では無理かと。厳密に細かいことしたければハックを使うしかない。

>どうも、その場しのぎな感じがするのですが・・・。
>ブラウザの認識の違いなので仕方が無い事なのでしょうか?
ごんたさん、ぜひぜひ、マイクロソフトに勧告に従ったブラウザを作るよう言ってください。IEの表示が変なのは、マイクロソフトの欠陥ですよと。聞いてもらえればかなりのその場しのぎがかなり少なくなります。

4   名前: 秋津 : 2006/11/05(日) 13:25  ID:4v5YXF4j
DOCTYPE宣言をURL付きでいれると、IE6でも標準準拠(Fxと同じように)で認識してくれるようになりますよ

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

これを<html>の上(ソースの最初)にいれるといいでしょう

5   名前: 五月雨 : 2006/11/05(日) 13:25  ID:au1YV9es
む…、一足遅かったかな。
参考までにどうぞ。

Internet Explorer (Windows) CSSバグリスト
http://cssbug.at.infoseek.co.jp/detail/winie/b001.html
Mozillaには複数のレンダリングモードがあります - Web標準普及プロジェクト
http://www.mozilla.gr.jp/standards/webtips0014.html
Google検索: IE 後方互換
http://www.google.co.jp/search?ie=utf-8&lr=lang_ja&q=IE+%e5%be%8c%e6%96%b9%e4%ba%92%e6%8f%9b

以下のコードを挿入することにより、表示が統一されることを確認しました。
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>

一覧へ戻る