質問 > その他 > レイアウトのズレ |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
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 |