デザインの領域を規定している寸法を確認します。
右メニューの2カラムレイアウトで、
規定しているスタイルシートは以下の通り
border-radius:4px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin: 0 auto;
width: 940px;
}
#content {
border-radius: 0 0 4px 4px;
position: relative;
}
#main {
padding: 20px 60px;
}
/* 2カラムレイアウトのとき */
body.layout-2col #content {
background: url(https://parts.blog.livedoor.jp/img/usr/default_2012/common/bg_side.png) repeat-y #fff;
}
body.layout-2col #main {
width: 580px;
}
body.layout-2col #main-inner {}
body.layout-2col #sidebar {
padding: 20px;
/* width: 200px;*/
}
body.layout-2col #sidebar-inner {}
/* 右サイドバー */
body.layout-2col.sidebar-right #content {
background-position: 100% 0;
}
body.layout-2col.sidebar-right #main {
border-radius: 0 0 0 4px;
float: left;
}
body.layout-2col.sidebar-right #sidebar {
border-radius: 0 0 4px 0;
float: right;
}
/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-header {
border-radius: 4px 4px 0 0;
height: 160px;
background-color: #287cba;
background-image: -webkit-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%);
background-image: -moz-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%);
background-image: -ms-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%);
background-image: radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%);
position: relative;
}
/* ブログのフッター
----------------------------------------------- */
#blog-footer {
color:#555;
padding: 40px;
}
略図を作成しました。