EC-CUBE デフォルトテンプレートのセンタリングのズレを直す。

2014年05月6日 正午の月齢:7.2  月名:弓張月(上弦)  潮汐:小潮 月齢:7.2[弓張月(上弦)] 潮汐:小潮 | 3年前 | 旧暦:2014年04月08日 | 大安
In EC-CUBE | EC-CUBE デフォルトテンプレートのセンタリングのズレを直す。 はコメントを受け付けていません。

この記事を読むのに必要な時間の目安: 1分ぐらい

この記事は2年以上前のものです。情報が古い場合があります。

ここ最近いろいろと試しているEC-CUBE。2.13系のテンプレート作りにハマっています。2.12系の構築には「デザインテンプレート・シンプルバージョン(2.11系・無料)」を元に作りこむことができたのですが、さすがに2.13系ではうまく動いてくれないので、2.13系のデフォルトテンプレートを使って構築することにしました。

さて、今まで気づかなかったデフォルトテンプレートの気になる部分。今回はそれを直してみようと思います。

デフォルトテンプレート修正前

お気づきでしょうか。トップ画面から現在のカゴの中に移動すると、全体のデザインがずれてしまうのです。最初はCSSのバグかなと思ったのですが、よく見るとスクロールバーの表示・非表示で画面中心が移動しているのが原因みたい。

スクロールバーが表示されない高さのときもバーの領域を確保しておくことで、この現象を回避できそうです。さっそく、common.cssに以下の記述を追加してみました。

html {
overflow-y: scroll;
}

さてさて、

デフォルトテンプレート・修正後

これで、気色悪い動きがなくなりましたー!!

関係あるかも知れない記事

前の記事・次の記事

前の記事
<<
次の記事
>>

コメントはありません

ごめんなさい、コメントフォームは閉鎖しています。