CSSのIE6とflaotとwidth:100%;について質問です。

cssに以下の指定を追加してみては？

body{ margin: 0; }

divAとdivBの外にその二つを統括するdivABが必要ですね。

もし統括するdivABをなしにするならば、

divBの「right」をはずして、「margin-left: 50%」でどうにかなる予感がします。

はずれであればポイント不要です。

IEではmargin,paddingの解釈にバグがありますね

margin=0 にできないなら入れ子でもう一つ中にボックスを作ってそれでmargin指定するというのはどうでしょう

ちょっと煩雑になるかもですが・・・

IE6を考慮する限り、100%には出来ないようです。

少なくともdivA,divBの両方を左寄せにすれば、「ぴったり」になります。ただし、少しだけ中心からずれてしまいますけど。

3番目のURLに妥協案のサンプルを置いてみました。

よろしければご覧下さい。

合計幅を100%にすると崩れるのは、

border等のせいだと思います。

前見た本に同じことが書いてありました。

あと、divAをfloat:left;、divBをfloat:right;と、

指定する必要はありません。

両方ともfloat:left;でかまわないと思います。

スタイルシート

.divA{width:50%; float:left;}

.divB{{width:50%; float:left;}

.clearleft {clear:left;}

HTML

<div class=”divA”></div>

<div class=”divB”></div>

<br class=”clearleft”>

じゃだめでしょうか?。

URLにサンプルが乗っています。

そもそもfloatは「後ろに来る内容を回り込ませる」という機能なので、

仮にHTMLの記述がdiv.A→div.Bの順の場合、div.Bの方のCSS設定は「float: none;」にする必要があります。

また、IEでは回り込んだブロックのwidthの基準が「親ブロックの幅−floatを設定したブロックの幅」となるので、

結局「div.B{width:100%; float:none;}」とすればいいと思われます。