バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 3カラムで両サイドがおかしい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kana
投稿日時: 2009/9/28 22:44
対応状況: −−−
一人前
登録日: 2008/12/9
居住地:
投稿: 83
3カラムで両サイドがおかしい
どうしても理解できない不可解な現象が起きています。
IEでは正常ですが、firefoxで見ると、右サイドに配置した
商品検索、ログイン等のブロックが、見出し画像だけ右サイドで
中身が左サイドに置かれてしまいす。左サイドに配置すると
正常なんですが。

レイアウトの計算は合っていると思いますし、両サイドはデフォルトの状態です。
div#container { width: 912px; margin: 0 auto; }

div#leftcolumn { float: left; width: 166px; padding-right: 3px; padding-left: 3px; border-left: 1px solid silver; }

div#rightcolumn { float: left; width: 166px; padding-right: 3px; padding-left: 3px; border-right: 1px solid silver; }

div#three_maincolumn { float: left; width: 566px; }
*html body div#three_maincolumn { float: left; width: 560px; }


どなたか教えてください。

EC-CUBEバージョン 2.4.0
PHPバージョン PHP 5.1.6
DBバージョン MySQL 5.0.45
kana
投稿日時: 2009/9/28 22:48
対応状況: −−−
一人前
登録日: 2008/12/9
居住地:
投稿: 83
Re: 3カラムで両サイドがおかしい
すみません、情報が不足してました。
div#loginarea { background-color: #f5f5db; width: 144px; padding: 0 10px 10px; border: solid 1px #ccc; }

div#searcharea { background-color: #f5f5db; width: 144px; padding: 0 10px 10px; border: solid 1px #ccc; }
yokoshima
投稿日時: 2009/9/29 0:38
対応状況: −−−
一人前
登録日: 2009/1/6
居住地: 渋谷区恵比寿西
投稿: 113
Re: 3カラムで両サイドがおかしい
cssだけではなんともいえないのですが、吐き出されているHTMLにおかしな点がないか、チェッカー等にかけてみてはどうですか?


----------------
+++++++++++++++++++++++++++++++++++++++++++++++++++
EC構築 EC製作 ECコンサルティング
株式会社マッジ

+++++++++++++++++++++++++++++++++++++++++++++++++++

pantacle
投稿日時: 2009/9/29 0:49
対応状況: −−−
長老
登録日: 2009/6/29
居住地: 富山
投稿: 242
Re: 3カラムで両サイドがおかしい
テンプレートはデフォルトのものか、編集の有無、などの情報がないと何とも答えようが無いかと。


----------------
pantacle
http://pantacle.net/

kana
投稿日時: 2009/9/29 2:48
対応状況: −−−
一人前
登録日: 2008/12/9
居住地:
投稿: 83
Re: 3カラムで両サイドがおかしい
yokoshimaさんありがとうございます。
チェックしましたが、特にこのような現象になる要因は見当たりませんでした。
mahalo_cさんありがとうございます。
テンプレートはデフォルトです。全体の幅を912にして
両サイドはそのままで、メインだけ広げました。
seasoft
投稿日時: 2009/9/29 3:16
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7365
Re: 3カラムで両サイドがおかしい
過去スレで同様の話題があったと思いますが、正式版では、もう少し要変更箇所があったかもしれません。EC-CUBEコミュニティ(eccube-comu) ですと、少ない箇所で対応できるようになっています。


あとは、余白などのレンダリングの違いにより、特定ブラウザで表示乱れが発生することもあります。

ギリギリの視覚設計をせずに、少し余裕を持つことで回避できる場合もあります。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

kana
投稿日時: 2009/9/29 8:17
対応状況: −−−
一人前
登録日: 2008/12/9
居住地:
投稿: 83
Re: 3カラムで両サイドがおかしい
seasoft さんありがとうございます。

言われるとおり余裕を持たせたら直りました。

でも不可解なのは、別のサーバーで全く同じ規格で
作ったら問題なかったのに、サーバーを移し替えたら
firefox だけ突然乱れたということです。
seasoft
投稿日時: 2009/9/29 9:42
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7365
Re: 3カラムで両サイドがおかしい
旧サーバで試せるのであれば、両者の送出するページを IE の単一ファイル保存などで比較すると原因を特定できると思います。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

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


 



ログイン


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

統計情報

総メンバー数は88,284名です
総投稿数は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.