注目タグ

質問・疑問

トピック詳細

サイドメニューの左側に線を最下部まで引きたい

初心者ですがお願いします。

現在2カラムのテンプレートを使っています。
右のサイドバーの左側の線を上から下まで引きたいのですができません。
どうやったらできるのでしょうか。
教えてください。よろしくお願いします。

2013年02月16日 19:47  by S

コメント一覧 2件中、1~2件表示

  • grey_2columnあたりを改造されているのかなと思いました。>標野さま

    私も改造箇所や表示をチェックしたわけではないですが、線の可視性ではなく長さを問題にされているなら、div#sideme nuに左ボーダーを引くのではなくdiv#mainに右ボーダーを指定されてみてはどうでしょう。
    具体的にはdiv#sidemenuの「border-left: 1px solid #1b1b1b;」を削除してdiv #mainに「border-right: 1px solid #1b1b1b;」を追加する形になります。
    それだと位置が気に入らないなら、div#mainのmarginとpaddingで調整されたら良いかと。(例えば上に隙間 が空くのが嫌ならdiv#mainのmargin-top:20px;を削除してpadding-top:20px;にするとか )

    また、ご質問とは関係ありませんが、スタイルシート全体にheightがhightになっていたり、HTML内<div id="primary">の後の<div>の閉じタグがなかったりと、意図しない表 示の原因になりそうな箇所が散見されるので、個人的には一度全体を見直した方が良いのではないかと思います。

    2013年02月17日 12:46 by ucd

  • スタイルシートを参照してみたけど
    http://blog-imgs-51.fc2.com/g/o/o/goodvibes9999/css/1b710.c ss
    テンプレート名を突き止めるヒントが乏しかったです。

    実際に試したわけじゃないので、確信は持てませんが
    スタイルシートにはサイドメニューの左に黒い色で縦罫が指定されているようです。
    (赤色の部分です)
    この部分を#ffffff(白色です)などに書き換えてみたら
    罫がちゃんと見えるようになるのではないかと思われます。


    div#sidemenu {
    hight: 100%;
    float: right;
    width: 270px;
    hight: 100%;
    margin-right:-20px;
    overflow: hidden;
    margin-bottom:60px;
    border-left: 1px solid #1b1b1b;
    }

    2013年02月16日 23:10 by 標野ゆき