divで組んだtable風レイアウトのborderが（ｒｙ

divで組んだtable風レイアウトのborderが下まで伸びない時、

height:100%; とすればいいが親要素に height:200px; の
ようにサイズが入ってなければいけない。仕様。

親要素の高さが場合によって違う場合は何も指定しなければ
height:auto;　で可変になるが、以下のような場合で、

<div style="float:left;border-right: solid 1px #000;">内容１</div>
<div style="float:left;">内容２</div>
<div style="clear:left;"></div>

内容１　と　内容２　の高さがわからない場合、どちらが
高いかによって線が途中できえてしまう。
正しくはないかもしれないけど　min-height:100px;　で一応解決

<div style="min-height:100px;float:left;border-right: solid 1px #000;">内容１</div>
<div style="float:left;">内容２</div>
<div style="clear:left;"></div>

Comments

実例がなくてわかりづらいとかいうときは
コメントしてくれたら実際に作ってみたり
したりするかもしれません。

Posted by ふなふな at 2007年08月29日 15:44