アメブロ。日記から本文がはみ出てます！

質問

ttp://ameblo.jp/sacchinosacchino/が私のブログです。見ていただくとお分かりかと思うのですが、真ん中の日記の文字が、レースの画像から大きくはみ出してしまっています。
左右端から10pxほど離したいと思っています。

それに関連するCSS設定の状態ですが・・・、

#frame {
margin: 0 auto;
width: 900px;
}

#wrap {
clear: both;
width: 880px;
margin:0 auto;
}

.entry {
width: 470px;
}

.entry .contents{
margin:60 auto;
padding:30 auto;
}

です。おそらくentry.contentsの何かをいじるのかと思うのですが、margin-left,padding-leftを
大きくすると、そのぶんきちんと左側に隙間が出来ますが、大きくはみ出ている右側の
margin-rightやpadding-rightの数値をいくら大きくしても、全く変わりません。
このmargin,paddinともにauto状態にすると、少しだけはみ出ているの部分が小さくなります。

どうすればよいのでしょうか？

お願いいたします。

回答No.1

kiyoto-777 · ベストアンサー

下記を該当箇所から変更（このブログの読者になる（チェック）　の前に　} が抜けています）

}
/* ----------------------------------------------------- */
/* ■このブログの読者になる（チェック） ■ */
/* ----------------------------------------------------- */
.readerMainLink {
display:none;
}
#firstContentsArea{
float:none;
}
#main{
width:550px;
}
.entry{
width:430px;
padding:30px;
}
.entry .contents{
width:360px;
}
.entry .entry_head{
margin-right:30px;
}
.entry .foot{
padding-right:35px;
}
.entry{
margin-left:auto;
margin-right:auto;
}

必要ないのに、ＣＳＳの指定が階層の深くまでに指定するとおかしくなりますよ。
だれも直せなくなります。

上記で行うと一番下に空白が表示されてしまいます。
それは、広告を消しているためなので、回答できません。

お礼

ＨＰつくり、そしてカスタマイズの楽しさにはまりこんでしまって、
どえらいことになってしまったようですね。
これから気をつけます。

有難うございました☆