/* CSS･スタイルシート質問スレッド【34】 */

float:leftが指定されているブロックの右側に回りこんだブロックの上マージンを空けると、
floatが指定されているブロック自体もそれに合わせてマージンが空いてしまうのですが、
（IEだけは動かないようですがおそらくこっちの動作が間違っているんですよね・・・）
これはどういう仕様でそうなってしまうのでしょうか？

IEの動作なら簡単に二つのブロックの水平の高さを合わせられるのですが、
そのままではOperaやMozillaで、floatが指定されているブロックのマージン分の段差が出来てしまいます
どのように対処したらよいでしょうか？

質問です。

WIN XP・IE6.0です。
↓のソースの背景を固定したいのですがどこに何を書き加えれば良いでしょうか？

background-attachment: fixedを各{ }の最後
もしくは最初のbg〜;内に書いてみましたが反映されませんでした。


<style type="text/css">
<!--
.d1{background:url("左.jpg") repeat-y;position:absolute;left:0;top:0;z-index:0;width:50%;height:200%}
.d2{background:url("右.jpg") repeat-y top right;position:absolute;right:0;top:0;z-index:1;width:50%;height:200%}
.d3{position:absolute;z-index:2}
-->
</style>
<div class="d1">
</div>
<div class="d2">
</div>
<div class="d3">

↑はｸﾞｸﾞっている際に拾いました。自分には複雑すぎてさっぱりですorz
よろしくお願いします。

>>122
ソース出して。

>>123
http://members.at.infoseek.co.jp/cssbug/detail/winie/b065.html

>125様
夜更けに有難うございます。バグとは知りませんでした;y=ｰ( ﾟдﾟ)･∵. ﾀｰﾝ

>>124 どうぞ
http://www.bulldog.co.jp/syouhin/index.html

かわいそう…

>>127
久しぶりにそのネタを見ました。

質問です。 height 指定をしましたブロック要素内の文字を下揃えにするのはどうすればいいでしょうか？
＿＿＿＿＿
デフォ　　　　　↑
　　　　　　　 height
　 　 　 　 　 　 ↓
￣￣￣￣￣
＿＿＿＿＿


こうしたい
￣￣￣￣￣
position を使用しない解決法をお願いします。

追記：中揃えもできれば教えて下さい。 あと padding も無しの方面で。

>>124

<h1 style="float:left; width:50%; margin:20px 0; border:solid 1px #000;">test</h1>
<p style="margin:20px 0 0 50%; border:solid 1px #000;">hoge</p>

この状態です・・・と思っていたら、なおかつ
*{
margin:0;
}
を指定していないとIEでも他のブラウザと同じ動作になるようです。
最終的に目指しているのはh1とpのトップを揃えることなのですが、
無知ゆえ何故これだとh1が下がってしまうのかイマイチわかりません。
どなたかご指南下さい

これか？

clearを指定した要素ではフロートに対して上マージンを設置する
http://cssbug.at.infoseek.co.jp/detail/winie/b141.html
＞そもそもフロートは通常フローに属していないため、位置指定されて
＞いない（position:static; である）ブロックボックスのマージンが
＞フロートのボックスに対して設置されることはないはずです。

>>130
vertical-align:bottom;しか思いつかない