アメーバブログの両サイドの余白を消す方法について

質問

• アメーバブログでブログを始める際に、両サイドの余白を消す方法について教えてください。
• 画面を広く使いたいと考えているが、CSSの知識がなく、どうやって消せばいいのか分からない。
• 他のブログを見てみると、余白がなくなっているものもあるので、簡単に消す方法があれば教えてほしい。

回答No.2

otasukeman2011 · ベストアンサー

>色んなブログを見てみると、結構なくなってるのもあるので
お使いのモニターサイズによって違ってきますね

例えばご自身のモニターが15インチで余白が消えたとします
他の方が見た場合、その方のモニターが19インチだとすれば余白ができます
なのであまりこだわらないでも良いと思いますよ

一様

#header h1 {
padding-top: 0px;
margin-left: 0px;
text-decoration: none;
}
#header h2{
margin-left: -9999px;
}

h1 a{
text-indent:-2000px;
font-size:0px;
font-decoration:none;

display:block;
width:858px; ←ヘッダーの横サイズ
height:280px;　←ヘッダーの横サイズ高さサイズ

/* ---------------------------------------------- */

下にスクロールしてこんな記述を見つけて

#frame {
width: 858px;　←全体の横サイズ(ヘッダーの横サイズと合わせる)
margin-left: auto;
margin-right: auto;
}
#wrap {
width: 100%;
}

#main{
width: 465px;　←記事枠の横サイズ
float: left;
padding-left: 10px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#sub_a{
width:180px;　←サイドバーの横サイズ
padding-left: 10px;
float: left;
z-index: 1;
}
#sub_b{
width:180px;　←サイドバーの横サイズ
float: right;
padding-right: 10px;
z-index: 2;
}

全体の横サイズを変更して余白を調整してください

お礼

丁寧な御回答、ありがとうございます。
　なんとか、やってみます！！。

　何事も勉強ですよね！！。

　ありがとう。