ヘッダー画像は、デフォで950pxですが横幅いっぱいに広げるCSSです。

横幅いっぱいではなく、サイズ指定して広げる場合は100%部分をpx指定してください。

Capture_2015_02_08_10_32_37_580

 

[css]
#topMainBnrFrame {
width: 100%;
height: auto;
}
#topMainBnr img {
width:100% !important;
  max-width: 100% !important; /* Rebuildのみ */
}
[/css]

 

基本はここまで。

Rebuildのみ、#topMainBnr img の max-width: 950px !important; を上書きが必要です。

この後は、好みに応じて

 

[css]
/* 枠線削除 */
#topMainBnrFrame .slideFrame {
border:none;
}

/* 位置調整 */
#topMainBnrFrame .slideFrame img {
left: 0px;
}

/* 余白削除 */
#topMainBnr {
padding:1px 0px;
}

/* 高さ制限 */
@media (min-width: 970px) {
#topMainBnrFrame {
min-height: 250px;
}
}

/* フレームの背景色・影を消す */
#topMainBnr,
#topMainBnrFrame {
background-color:transparent;
box-shadow:none;
border:none;
}[/css]

 

 

「bizvektorのcss・phpカスタムまとめ」へ