3カラムの横幅設定「記事のスペースを広くする」 | 脱サボリーマン恋愛小説作家★保育園難民アラフォーシンママBlog

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ですね。


よく参考にさせていただいております。


サボリーマン恋愛小説作家★まちゃのブログ