すべてのページでサイドバーが同じに表示されない

Question

my Bloggerにテンプレートを使用していますが、幅が狭すぎるため、サイドバーとメインポストの列を調整しました。それは素晴らしいが、ホームページのためだけに働いた。

サイドバーがすべてのページで同じに表示されないという問題があります。

one of the pagesを参照してください。サイドバーは同じではありません。サイドバーのための

---

私の現在のCSSのコードは次のとおりです。

#sidebar-wrapper { 
    border-radius: 5px; 
    color: #A8AAAC; 
    background:rgba(0,0,0,0.1); 
    float:left; margin: -2430px 150px 100px -120px; 
    width:40%; 
} 

---

をし、サイドバーのための1つ以上のコードサンプルがありますが、私はそれを変更しようとしたにもかかわらず、何も起こりませんでした。

#sidebar-wrapper .widget {margin-bottom: 30px;} 

#sidebar-wrapper a:hover{color:#fff} 

#sidebar-wrapper h2 { 
    color: #C8CACC; 
    font-size: 14px; 
    letter-spacing: 2px; 
    line-height: 1.4; 
    margin: 30px 0 10px; 
    font-family: Oswald,Arial,sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
} 

Answer 1

あなたは余白との含有量を制御する代わりに、メインページid=wrapperのdivとそのすべての子の大きさを制御しているので、あなたが抱えている問題があります。あなたのヘッダーは1000pxワイドですが、ラッパーは740pxワイドです。最初に両方を同じ幅にします。

第2に、メインラッパーとサイドラッパーのマージンを削除する必要があります。

各ページで余白を使用してコンテンツを調整することは非常に悪いことです。次に、両方のラッパーのパーセンテージを合計して合計100％にします。サイドラッパーにはwidth:30%、メインラッパーには68％を使用することをお勧めします（なぜ、メインラッパーから2％を残すのは、両方のラッパーの間にビットスペースを与えることです）。その幅の割合から余白を引いて、両方のラッパーを同じ行に保つことができます）。

さらにいくつかの調整を行うことで、すべてのページをサイドバーページで修正するクリーンなCSS設定を作成できます。