border-collapseをボックスで使いたい

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

0   名前： okko ： 2007/01/24（水） 10:20  ID:h10fXoUf sub-t1
左にメニュー、右に内容といったシンプルなサイトを作りたいのですが、
メニュー、内容の間に境界線を縦に長く引きたいです。
サイト全体の高さ指定せず、メニュー・内容の量によって変わるようにしたいです。
すべてをCSSでこなしたいのですが、
例えば、メニューの右側に枠線を設定したとき、
メニューより内容が長くなったときに内容の左に枠が表示されない部分ができ、
逆に内容の左に枠を設定すると、
メニューのほうが内容より長くなったときにメニューの右に枠が表示されない部分ができます。
そこで、長くなったほうの枠線を使いたいのですが、
どうすればできますか？

そこで私はメニューの右の枠線と内容の左の枠線を重ねて表示すると、
長いほうの枠線を使っていることと同じになるのではないか、
と思ったのですが、テーブルのように隣接する枠線を重ねることはできますか？

よろしくお願いします。
1   名前： 匿名 ： 2007/01/24（水） 10:20  ID:4N1QN0WR sub-kJ
> 隣接する枠線を重ねることはできますか？

できると思うよ。たとえば右ボックスの margin-left を border-width 分だけマイナスするとか。
2   名前： 匿名 ： 2007/01/24（水） 10:20  ID:EHLsnZ8D sub-Cl
□□□□□□■□□□□□□□□□□□□□□□□
□透明
■着色
こういったgifをBOX背景y方向に　CSSで指定するといいですよ、左右のBOXの高さに影響されません。
3   名前： okko ： 2007/01/24（水） 10:20  ID:h10fXoUf sub-t1
>>1
それだとどちらかに限定されてしまいます…

>>2
ありがとうございました！
使わせていただきます。
画像は思いつきませんでした。
一覧へ戻る