サイドメニューの左側に線を最下部まで引きたい
初心者ですがお願いします。
現在2カラムのテンプレートを使っています。
右のサイドバーの左側の線を上から下まで引きたいのですができません。
どうやったらできるのでしょうか。
教えてください。よろしくお願いします。
2013年02月16日 19:47 by S
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 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー