バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

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

現在、logo.gifの縦のサイズが980pxとなっているので、こちらをbg_header.gifと同じ200pxに変更してみてください。
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;
}

スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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