バージョン選択

フォーラム

メニュー

オンライン状況

45 人のユーザが現在オンラインです。 (22 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 45
もっと...

サイト内検索

質問 > その他 > ヘッダーにてHPタイトル画像の変更、位置ズレ

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
emitokyoja
投稿日時: 2014/9/12 14:05
対応状況: −−−
半人前
登録日: 2014/8/29
居住地:
投稿: 19
ヘッダーにてHPタイトル画像の変更、位置ズレ
[EC-CUBE] 2.13.1
[WEBサーバ]ローカル

ヘッダーにてHPタイトル画像の変更をしたく奮闘しております。

bg_header.gifとlogo.gifがうまく重なりません。
縦200のbg_header.gifと200×980のlogo.gifを配置させたいのですが、
bg_header.gif上部に白抜きの部分が出てきてしまい、これがどっから来ているのかがわかりません。

CSS初心者ですので、お手柔らかに教えていただけると幸いです。



/* ==============================================
ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
min-height: 100px;
background: url("../img/common/bg_header.gif") repeat-x bottom;

}
#header {
margin: auto;
width: 980px;
}
#header_utility {
float: right;
width: 580px;
}
#errorHeader {
color: #F00;
font-weight: bold;
font-size: 12px;
background-color: #FEB;
text-align: center;
padding: 5px;
}


/* ロゴ
----------------------------------------------- */
#logo_area {
float: left;
width: 980px;
text-align: left;
position: relative;
}
#site_description {
font-size: 90%;
position: absolute;
}

seiyawada
投稿日時: 2014/9/16 21:53
対応状況: −−−
常連
登録日: 2014/4/28
居住地:
投稿: 42
Re: ヘッダーにてHPタイトル画像の変更、位置ズレ
bg_header.gifとlogo.gifの縦の画像サイズをそろえると、白抜きの部分はなくなるかと思います。

現在、logo.gifの縦のサイズが980pxとなっているので、こちらをbg_header.gifと同じ200pxに変更してみてください。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は64,461名です
総投稿数は97,263件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2494
4
nanasess
2089
5
umebius
1650
6
yuh
1612
7
red
1411
8
h_tanaka
1029
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.