サイドメニューの左側に縦線を入れたい/movabletype

質問

こんにちは。movabletype3.31で、本文などが入る中央の部分と右側のサイドメニューの間に区切り線のような縦線を入れたいのですが、CSSで指定しても縦線が表示されないのです。

p.right {
border-right: 1px double #0000ff;
height: 600px;
margin-right: 400px;
}
とやってみまして、青色の幅1ピクセル線が高さ600ピクセルで右端から400ピクセルのところに表示される、というつもりだったのですがどのようにすれば良いでしょうか？

どうかアドバイスお願いいたします。

回答No.1

Muller3 · ベストアンサー

こんにちは。MT3.2を使っている者ですが…。
単に本文とサイドメニューの間に線を入れればいいんでしょうか。
MTのテンプレート（CSS）はバージョンによってかなり違うため一概には言えませんで（バージョンアップしてもテンプレートは上書きしないので）
…ええと、サイドメニューのID（DIV ID）もしくは本文のIDはどのようになっているでしょうか。

たとえばMT3.2であればサイドメニュー部分はdiv id="beta"なので、スタイルシートの#beta部分に
border-left: 1px double #0000ff;
を記述してやれば線が入ります。

どこからどこまでがサイドメニューや本文のボックス要素なのかわからない場合は、CSSの<div>タグの範囲をそのid名と一緒に表示してくれるブックマークレットが配布されてますので、それを使うとわかりやすいです。配布先サイトをリンクしておきます。

ご質問の主旨と違う回答でしたら申し訳ありません。

参考URL：

http://bookmarklet.daa.jp/

お礼

border-left: 1px double #0000ff;を参考にしてIDを変えてやってみましたらできました。
どうもありがとうございます。ずっと悩んでいたのでまるで神様です。
本当にありがとうございます。