3カラムの横幅設定「記事のスペースを広くする」
青文字はヘッダサイズ
赤文字は記事欄のサイズ
※通常の数値なので画像幅に合わせて書き換え。
--------------------------------------------------
ameblo CSS Skin Layout Settings
3コラム記事中:横幅固定
FileName: /p_skin/cmn/css/type_c.css
Date: $Date: 2007/03/23 01:25:35 $
Version: $Revision: 1.1 $
--------------------------------------------------
*/
#frame:after,
#wrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#frame,
#wrap{display:inline-table;}
/* Hides from IE-mac \*/
* html #frame,
* html #wrap{height:1%;}
#frame,
#wrap{display:block;}
/* End hide from IE-mac */
#frame{
width:760px;
margin-left:auto;
margin-right:auto;
}
#wrap{
width:100%;
}
#main{
width:400px;
float:left;
padding-left:10px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#sub_a{
width:170px;
float:left;
z-index:1;
}
#sub_b{
width:170px;
float:right;
z-index:2;
}
/* -- // ameblo CSS Skin Layout Settings END --*/
#header {
background-image: 【画像URL 】;
}
#header {
background-repeat:repeat-x;
}
記事欄とヘッダは同じ幅で広げて下さい。
記事枠を200px広げたら、ヘッダも200px広げなければなりません。
例 記事枠 400px→600px
ヘッダ 760px →960px
ということはですね、
もし1200のヘッダを用意したのなら
記事枠は632pxですね。
よく参考にさせていただいております。