ボックスの２分割が出来ません＞＿＜

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

0   名前： サッサー ： 2006/03/15 01:12
スタイルシート掲示板がよかったかもしれませんが、こちらで質問させていただきます。

<html>
<head>
<title></title>
</head>
<body style="margin:0px; padding:0px;">
<div style="width:100%;">
<div style="width:50%; height:50px; float:left; background-color:black; margin:0px; padding:0px;"></div>
<div style="width:50%; height:50px; float:left; background-color:silver; margin:0px; padding:0px;"></div>
</div>
</body>
</html>

画面一杯に､ﾎﾞｯｸｽを､左右均等にして､半分ずつ分けたいのですが､㍉ﾃﾞｼ；；
どうすれば､よいでしょうか?※【注意】ボックス背景に、色指定がしてあります。（左ボックス：黒色　右ボックス：銀色）
どうしても、右のボックスが、下に下がってしまいます。拡大鏡で詳しく見ると、なぜか１px分幅が増えています。
これの原因の可能性が高いのですが、どうして、このような現象が起こるのかがわかりません。対処法を教えてください。環境ﾌﾞﾗｳｻﾞ：I.E. ver6.0
1   名前： S ： 2006/03/15 01:12
「CSS　バグ」でGoogle検索をかけたら下記サイトがヒットしたので参考まで。
　まあ、バグというかインターネットエクスプローラにおけるWidthの解釈が違うことが要因らしいけれど。

http://cssbug.at.infoseek.co.jp/index.html

　もっとも、CSSはユーザースタイルシートで上書きできる（または製作者シートを無視できる）場合もあるため、製作者が用意したCSSで見ているとは限らない。

http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html
http://members.jcom.home.ne.jp/pctips/www/cssintro.html
http://nekoshiki.poke1.jp/guidline/style.html

　そもそも環境に依存しないというのがHTMLの大前提。ユーザーエージェントはインターネットエクスプローラやファイアーフォックスだけではない。

http://members.jcom.home.ne.jp/jintrick/Personal/markup_readme.html
http://www.cyanworks.net/archives/browsers/

余談）
http://www.fromdfj.net/html/divsyndrome.html
http://members.jcom.home.ne.jp/pctips/Tondemo/
2   名前： 神崎 ： 2006/03/15 01:12
border:0pxを指定してみるとどうなりますか？

どうでもいいですけど、コピペで返事をするのって流行ですかね？
マルチポスト以上のうっとおしさですね。
3   名前： Pid ： 2006/03/15 01:12
>>2 の神崎さんの方法を試してみて，もしうまくいかなければ，width の合計が 100% にならないよう調整するしかないと思います。

あるいは，float 以外の段組方法を試してみて下さい。
http://gowest.blog2.fc2.com/blog-entry-38.html
一覧へ戻る