WEB相談室

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

タイトル:フロートで流し込まれたブロックのボーダーの表示

rakuraku [WriteDate : Wed Jun 20 18:32:07 2001]

初めまして
ページ左上にメニューを
float:left;width:25%といった風にして配置し、
コンテンツを右側に流し込みたいのですが

流し込まれた部分のブロック要素にborderを設定していると
枠だけは右側に流し込まれるのではなく
メニューと重なって描画されてしまいます。
枠の左位置がメニュー部分がない場合の位置になるようですが
どのようにすれば枠ごと流し込めるのでしょうか?

枠の設定をした部分のスタイルにwidth:100%を追加すると
とりあえず重ならなくはなるのですが他に方法はないものでしょうか?

宜しくお願いいたします。


!!! [WriteDate : Thu Jun 21 10:34:33 2001]

ブロック要素の方のwidthプロパティで調整したらどう。
もしかしたら、はずしているかも。


rakuraku [WriteDate : Thu Jun 21 13:20:15 2001]

回答ありがとうございます

私もそう思い一度試してみたのですが
このときfloatで右に流し込まれた部分では左のマージンが無視され、
margin-left:0pxとしたかのようになってしまいました。

左のメニュー部分に右マージンを設定してやればいいのですが
そうするのメニューにべっとりとくっついてしまい見にくくなるので
何か手はないかなと思い質問した次第です。言葉足らずでした。

まぁフロートさせた部分を取り囲んで流し込まれて
当たり前という気もしますが流し込まれるブロック要素のマージンまで
無視されるのも当たり前なのか…

枠が重なってしまったという事も含めて少しブラウザ(IE5)
を疑っていました。

人に頼まれて作成しているもので全く急がないものなので
NN6.1が出るのを待って確認してみようかと思います。

というかホームページを作ったこともないような人間に頼むか

このような描画のされ方は正しいのでしょうか?
CSS2の仕様を読んでも正しいとは思えない(思いたくないだけか)
皆さんはどう思われますか?


!!! [WriteDate : Thu Jun 21 14:34:06 2001]

>margin-left:0pxとしたかのようになってしまいました。
IE4,IE5.5,N6.01で再現せず。

なにが、ちがうのかな?
どこかで、カスケーディングの食い違いがあるかもないかも。


rakuraku [WriteDate : Thu Jun 21 21:23:55 2001]

盲点でした。周りを疑って結局自分が間違っていたようです。

今 試しにまっさらから検証用のスタイルシートを作って
確認したところおっしゃる通り再現されませんでした。

まだスタイルシートの何処に問題があったかは判明していませんが
スタイルシートの勉強をしながら作り上げたものなので無理村無駄が
あるようですので一度はじめから構造を考えて作り直すことにします。

わざわざ検証までして頂き本当にありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World