アメーバブログで記事とサイドバーの高さが合わない

質問

アメーバブログの編集用CSSを使っています。
CSS編集用のデザインは「カテゴリから探す」→「カスタム可能」を選び、真ん中の列の一番下です。こちらを2カラム・メニュー右で使用しています。

記事とサイドバーの高さを合わせる方法があれば教えてください（画像参照）。

この投稿のマルチメディアは削除されているためご覧いただけません。

回答No.1

LimeGreen5 · ベストアンサー

こんにちは。

ちょっと情報が足りませんので、回答が的確ではないかもしれませんが。
「2カラム・メニュー右」の、サイドバーは、classでいうと下記の

/* 2カラムサイドバー,3カラム:広いサイドバー */
/* 3カラム:狭いサイドバー */
/* サイド基本テキスト */
.skin-blogSubA, .skin-blogSubB {
}

における「.skin-blogSubA」に相当します。
ですので、

/* サイド基本テキスト */
.skin-blogSubA {

padding-top:00px;

}

とか

/* サイド基本テキスト */
.skin-blogSubA {

margin-top:00px;

}

みたいな感じで00の部分に半角数字を入力して貼り付ければ、うまく動くのではないかと思います。

.skin-blogSubA, .skin-blogSubB {
}
の「, .skin-blogSubB」を使っていませんが、2カラムのレイアウトではこの指定部分がありません。なので使っていません。

ただ、

.skin-blogSubA, .skin-blogSubB {

padding-top:00px

}

と書いても問題ないはずです。
これは3カラムの際に両サイドバーが同じ挙動をすることになります。

お礼

返信ありがとうございます。
.skin-blogSubではうまくいかず、かなり苦労しました。
googlechromeのデベロッパーで調べて、paddingが20pxになっていたので0pxにしたら高さが合いました。

.globalLinkArea {
position: relative;
overflow: hidden;
padding: 0px 0;
}

おかげさまでうまくできました。私のために時間を使っていただきありがとうございました。