チラシの裏表

横800ピクセルの画像を貼れる様にする件ですが私の使ってるテンプレートは
どなたかが作った無料配布なんですよね＞＜

ですので一般的なCSSを書いておきますね

* レイアウト用ブロックの設定
----------------------------------------- */
#container {
width : 800px;
margin-left : auto;
margin-right : auto;
background-color : transparent;
text-align : left;

この下にcolumn {があると思うので
「#container」～「.column」の部分を書き換えます

メインの幅を広げる
#container {
width : 880px;
margin-left : auto;
margin-right : auto;
background-color : transparent;
text-align : left;
}

#branding {
margin : 20px 0 0 0;
border-color : #000000;
border-width : 1px 1px;
border-style:double;
}

#wrapper {
float : left;
width : 720px;
}

#primary-column {
float : right;
width : 560px;
padding : 0 6px;
voice-family : "\"}\"";
voice-family : inherit;
width : 548px;
}

html>body div#primary-column {
width : 548px;
/* Opera用のコンテンツ幅 */
}

#secondary-column {
float : left;
width : 160px;
}

#extra-column {
float : left;
width : 160px;
}

#siteinfo-legal {
clear : both;
margin : 0 ;
}

.column {
margin : 5px 0;
}



メインとサイドの幅を広げる
#container {
width : 960px;
margin-left : auto;
margin-right : auto;
background-color : transparent;
text-align : left;
}

#branding {
margin : 20px 0 0 0;
border-color : #000000;
border-width : 1px 1px;
border-style:double;
}

#wrapper {
float : left;
width : 760px;
}

#primary-column {
float : right;
width : 560px;
padding : 0 6px;
voice-family : "\"}\"";
voice-family : inherit;
width : 548px;
}

html>body div#primary-column {
width : 548px;
/* Opera用のコンテンツ幅 */
}

#secondary-column {
float : left;
width : 200px;
}

#extra-column {
float : left;
width : 200px;
}

#siteinfo-legal {
clear : both;
margin : 0 ;
}

.column {
margin : 5px 0;
}


幅はプレビューを見ながら好みのサイズに変更するのが良いと思います
お役に立てたか分かりませんが少しでも参考になれば幸いです

Author by ピュア紳士 / 全記事一覧 / 前のページ / ページトップ
Designed by マンゴスチンｗ /