WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:divの入れ子について

0:[投稿] ぐもら [2003/04/18 11:56 ][環境:IE6、NN7、WINXP わからない]

みなさん始めまして。
自分で試行錯誤の結果どうしても解決できなかったので
書き込ませていただきました。

divにボーダーをつけて入れ子にしたとき、入れ子にした順に
ボーダーが表示されて欲しいのですができません。

具体的なソースとしては

<div style="border : 1px solid red;">
  <div style="border : 1px solid blue; margin : 5px;">
     <div class="test" style="border : 1px solid green; margin : 5px;">
        <p>test</p>
     </div>
  </div>
</div>

とした時に外側から内側に向かって順に赤線ボックス、青線ボックス、緑線ボックスとなっていって緑線ボックスの中に「test」という文字を表示させたいのです。赤線ボックスの中に青線ボックスは入ってくれているのですが、青線ボックスの中に緑線ボックスが入ってくれません。

ただ、IE6では青線ボックスのスタイルでwidthを指定したら青線ボックスの中に緑線ボックスが入ってくれましたが、NN7では変わりませんでした。

うまく入れ子状態にするにはどうしたらよいのでしょうか。

宜しくお願いします。


1:[完了] ぐもら [2003/04/19 20:30 ]

もじら組を見ていて解決策になりそうな記事を
見つけました。

どうもお手数をおかけしました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World