メニューとコンテンツの境界線の長さについて

[新着] Webテンプレートを仮オープンしました

0   名前： タッピ ： 2005/11/25 23:18
はじめまして。
今ホームページを作っているのですが、スタイルシートで悩んでいます。

スタイルシートのfloatを使って、左にメニュー、右にコンテンツを置いています。
その間をborderで縦線を引いているのですが、コンテンツが長くなっても、メニューが長くなっても、縦線は長い方に合わせたいのですが、そういったことはスタイルシートでできますか？
教えてください。
1   名前： Bill閣下 ： 2005/11/25 23:18
CSSかな？素直な方法は無いと思います。
両方に線をひいて、
position:relativeか負の値のマージンで
2つの線を重ねてみるのはどうでしょうか？
2   名前： タッピ ： 2005/11/25 23:18
ご返信ありがとうございます。

>position:relativeか負の値のマージン
よろしければここをもう少し詳しく教えていただけないでしょうか？
とほほさんの所でposition:relativeを見てみましたが、よくわかりませんでした・・・。
負の値ということはborder:-1pxなどと書くのでしょうか？
よろしくお願いします。
3   名前： Bill閣下 ： 2005/11/25 23:18
負の値のマージンはそんな感じです。
positionプロパティの値がstatic以外のときには、
top,right,bottom,leftプロパティを使います。
position:relative;left:-1px;で
ボックスの左端が本来の位置より-1px右にずれます。
--
本来の位置というのはここでは、
CSS2の仕様書では通常フロー(normal flow)に属するとして
計算される位置のことですけど、
http://www.w3.org/TR/REC-CSS2/visuren.html#relative-positioning
floatが指定されたボックスは通常フローから外れて浮動するので
どのように計算しているんだろうという疑問はありますが、
9.7 Relationships between 'display', 'position', and 'float'
を見た感じでは、仕様では決まってないってことですかね。
http://www.w3.org/TR/REC-CSS2/visuren.html#q24
4   名前： タッピ ： 2005/11/25 23:18
ありがとうございます！
psition:relativeでずらしてみたらうまくいきました。ありがとうございました。
一覧へ戻る