バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > レイアウトのズレ

その他

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
kana
投稿日時: 2009/3/12 18:29
対応状況: −−−
一人前
登録日: 2008/12/9
居住地:
投稿: 83
レイアウトのズレ
トップページのヘッダーと3カラムの本体のレイアウトがfirefoxで見るとずれてしまいます。
firedoxで見るとヘッダーが本体より長くなり、右に出っ張ります。それを直そうすると今度はIE6でヘッダーが本体より短くなります。
いろいろ試してみて以下のように設定してズレは最小限に食い止めました。必要のないものは省いてます。

div#header { width: 910px; height: 96px; margin: 0 auto; border: solid 1px silver; }

div#container { width: 915px; margin: 0 auto;}
div#leftcolumn { width: 166px; padding-right: 3px; padding-left: 3px; border-left: 1px solid silver; }
div#rightcolumn { width: 166px; padding-right: 3px; padding-left: 3px; border-left: 1px solid silver; }

div#three_maincolumn { float: left; width: 560px; }

しかし依然firedoxでヘッダーが少し出っ張ります。

CSSのボックスモデルでは、3カラム合計が906ピクセル
ヘッダーが912ピクセルなのでズレても当然ですが
ぴったり合わせると今度はIE6のレイアウトが崩れて
しまいます。

良い方法はないでしょうか?

EC-CUBEバージョン 2.3.3
PHPバージョン PHP 5.1.6
DBバージョン MySQL 5.0.45
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » レイアウトのズレ kana 2009/3/12 18:29
     Re: レイアウトのズレ takoyaki 2009/3/12 18:43
       Re: レイアウトのズレ tonton 2009/3/12 20:18
         Re: レイアウトのズレ takoyaki 2009/3/12 20:58
           Re: レイアウトのズレ kana 2009/3/12 21:23
         Re: レイアウトのズレ seasoft 2009/3/20 16:57
           Re: レイアウトのズレ kana 2009/3/21 23:30
             Re: レイアウトのズレ DDR 2009/4/17 0:32

 



ログイン


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

統計情報

総メンバー数は90,029名です
総投稿数は110,282件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1677
8
red
1570
9
mcontact
1343
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.