お世話になっております。

ECcube2.11をインストールしまし、好みのデザインでimgファイル等を入れております。しかし、前バージョンでは問題なかったのですが、このバージョンではどうしても、トップページの3カラム設定で右カラムが落ちてしまいます。

ブラウザーのバージョンの違いに拠るものではなく、単なる設定の問題であると認識しております。なぜなら同じimgファイルで前バージョンでは問題がなかったからです。

そこでcssファイル、common.css、bloc.css、contents.css、table.css、bloc_alpha.cssなどの3カラム設定や、右カラム設定をいろいろと変更してみましたが、直りません。

どのファイルのどこを変更すれば、この問題が解消されるかどなたかお分かりの方がいらっしいましたらアドバイス頂くことは可能でしょうか。

お世話になります。ご多忙の中恐縮です。

以下の質問の補足説明になります。

トップページの３カラム設定にて右側のrightcolmnの右側、つまり画面の一番右端にスペースが開いております。そこにrightcolmnを画面右端に置けない何か（padding設定のようなもの）があるために、rightcolmnが真ん中のmaincolmnとその右端のスペースに存在する見えないものにはさまれてカラム落ちするような感じです。

どなたか、そのような状況の修正方法をお分かりになりませんでしょうか。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

ECcube2.11をインストールしまし、好みのデザインでimgファイル等を入れております。しかし、前バージョンでは問題なかったのですが、このバージョンではどうしても、トップページの3カラム設定で右カラムが落ちてしまいます。

ブラウザーのバージョンの違いに拠るものではなく、単なる設定の問題であると認識しております。なぜなら同じimgファイルで前バージョンでは問題がなかったからです。

そこでcssファイル、common.css、bloc.css、contents.css、table.css、bloc_alpha.cssなどの3カラム設定や、右カラム設定をいろいろと変更してみましたが、直りません。

どのファイルのどこを変更すれば、この問題が解消されるかどなたかお分かりの方がいらっしいましたらアドバイス頂くことは可能でしょうか。

こんにちは。

いくつか質問がございます。

１．前バージョンでご利用していたデザインテンプレートと全くと同じものをご利用している、ということですか？
※2.11では、以前のバージョン用のデザインテンプレートは利用できないと認識していますが。。（違ってたらごめんなさい）

２．差し替えた画像(img)ファイルのサイズはテンプレートと同じにしてありますか？

３．デザインのカスタマイズは画像ファイルの差し替えだけですか？

cssによるレイアウト崩れは、FireFoxのアドオン「Firebug」を利用すると、その原因究明に非常に役立ちます。
ご参考までに。


私もデザインのカスタマイズで手こずりまして、
右カラムがそっくりそのまま下に改行されてしまったりしました。
cssに関してはある程度分かっているつもりでしたが、上記のFirebugを利用し、一からcssを勉強し直しながら克服しました。

mamano様

お世話になっております。また多忙の中ご指導いただきまして大変感謝いたしております。

１．はい。前バージョンで使用したimgファイルを当バージョンにそのまま移植しました。
２．テンプレートのサイズは全く念頭にありませんでした。
３．最初画像ファイルを差し替えたところ、画面が崩れましたので、そこからcssファイルの調整を行っていたところでした。

Firebugsの情報ありがとうございました。現在あれこれとためしているところです。

ということは、前バージョンで使用したimgファイルは当バージョンでは通用しないため、cssファイルをどう調整してもだめで、一から当バージョン用にimgファイルを作り直さなければいけないとうことですね？

ご返信あがとうございます。

引用：

テンプレートの画像ファイルを差し替える際には、
サイズ（縦横）を全く同じにしないとレイアウトが崩れることがあります。
特に、css側で画像のサイズを縦横共に数字で指定してあれば別ですが、
縦横どちらかのみ数字で指定してあり、一方はナリユキ（元のサイズを等倍表示する）ですと、大きく崩れる原因となります。

一度ご確認ください。

mamano 様

お世話になります。ご多忙の中恐縮です。ご教授頂きまして本当に感謝いたしております。下記の件了解致しました。

と言うことは、同じデザインで前バージョンから今回のバージョンに移行された方々は、サイズを具体的に指定する調整で、つまりcssの調整だけで移行可能で、最初からimgファイルを作り直す必要がないというこなのですよね？

皆様そうされているのですよね？

あるいは他の方法はあるのでしょうか？