サポート » テーマ » classicのサイドバーをdefaultの様に上下一杯にできませんか?

  • 解決済 marugoto

    (@marugoto)


    現在、Classicを改造して使っているのですが、Sidebarが上下一杯に表示されず中途半端に位置に留まり、場所もFirefoxに上端を合わせるとIEやChromeではズレてしまっている状態で困っています。
    DeafulのSidebarのようにHeaderとfooterの間一杯に自動的に調整して表示する方法はないものでしょうか?

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • Classic のディレクトリの sidebar.php に Default の sidebar.php を上書きするとか。
    いや、たとえばの話です。

    トピック投稿者 marugoto

    (@marugoto)

    CSS含め、構造や定義がまるで違うので無理です。
    代表的なことを言えば、classicのsidebarはmenu~で定義されていますが、defaultはsidebar~なのでまったく当てはまりません。
    自分もCSS中心に色々自分でつつきながら、英語Forumの検索結果なども見て情報を探してみたのですが、どうにも見当たりませんでした。

    モデレーター jim912

    (@jim912)

    marugotoさん、こんにちは。

    style.cssに下記の変更・追加を行うことで、下まで伸びる背景になります。
    #rapのみ追加、それ以外は変更です。

    サイドバーの背景は、#rapと#menuに同じ背景の設定をしてください。
    もし画像の背景にするのであれば、安全のため(文字サイズの設定によってずれたりしないように)#menuのwidthをpx単位で指定した方が良いでしょう。
    また、その際、#menuのwidth + #menuのpaddingの4つ目の値 = #contentのmargin-rightとなるよう調整してください。

    .credit {
    	background: #90a090;
    	border-top: 3px double #aba;
    	color: #fff;
    	font-size: 11px;
    	margin: 0;
    	padding: 3px;
    	text-align: center;
    }
    
    #rap {
    	background: #eee;
    }
    
    #content {
    	background: #fff;
    	margin-right: 13em;
    	padding: 30px 60px 10px 3em;
    }
    
    #menu {
    	background: #eee;
    	border-top: 3px solid #e0e6e0;
    	padding: 20px 0 10px 2em;
    	position: absolute;
    	right: 2px;
    	top: 0;
    	width: 11em;
    }

    トピック投稿者 marugoto

    (@marugoto)

    なるほどrapで一番下の背景を貼って、そこに重ねていくんですか。
    sidebar側で定義しようとせず、content側のmarign,padding,borderなどを調整すると上手くいきました。

    よくよく調べてみると、defaultのsidebarが上下一杯についているように見えるのは。
    背景画像でそう見えるようにしてあるだけで、sidebar部分のbackgroundをstyle sheetで指定している訳ではないですね。
    他のThemeも色々画像などを組み合わせて工夫してやっているようです。
    自分も、色々工夫してやってみます。ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「classicのサイドバーをdefaultの様に上下一杯にできませんか?」には新たに返信することはできません。