EC-CUBE デフォルトテンプレートのセンタリングのズレを直す。
2014年05月06日 18時00分 
月齢:7.2[弓張月(上弦)] 潮汐:小潮 旧暦:2014年04月08日 六曜:大安
(最終更新日:2019年09月02日)
12年前に投稿 | ウェブ・IT関係 | コメントはありません
1分ぐらいで読めます。
この記事は情報が古い場合があります。
ここ最近いろいろと試しているEC-CUBE。2.13系のテンプレート作りにハマっています。2.12系の構築には「デザインテンプレート・シンプルバージョン(2.11系・無料)」を元に作りこむことができたのですが、さすがに2.13系ではうまく動いてくれないので、2.13系のデフォルトテンプレートを使って構築することにしました。
さて、今まで気づかなかったデフォルトテンプレートの気になる部分。今回はそれを直してみようと思います。
お気づきでしょうか。トップ画面から現在のカゴの中に移動すると、全体のデザインがずれてしまうのです。最初はCSSのバグかなと思ったのですが、よく見るとスクロールバーの表示・非表示で画面中心が移動しているのが原因みたい。
スクロールバーが表示されない高さのときもバーの領域を確保しておくことで、この現象を回避できそうです。さっそく、common.cssに以下の記述を追加してみました。
html {
overflow-y: scroll;
}
さてさて、
これで、気色悪い動きがなくなりましたー!!
古い記事・新しい記事
- 古い記事 [2014年04月26日]
- ← EC-CUBE 長すぎる文字列の省略を実装してみた。
- 新しい記事 [2014年05月17日]
- → CSSでヘッダ・フッタを固定してみる。IE6にも対応(いまさら?)。
他にも「ウェブ・IT関係」カテゴリの記事はいかがですか。
- Nemgraphがつまらない。たぶんInstagramもつまらないんだろう。
- Eee PC 1005HAを使うためにEMOBILE D26HWを購入。
- 全角かっこと全角英数字が大嫌い。
- ieserverが終わったので、DDNS nowを使い始めた。
- iPadの使い道がなくて余ってる。困ってる。
- PHPで簡単にランダム選択クイズを出す仕組みを作る。
- Microsoft「フォトストーリー3」で16:9のスライド動画を作る。
- ネットワークカメラ BB-HCM515の電源部分を改造した。
- Windows10 64bitでFUJITSU ScanSnap S510を使う。
- Firefoxのアドオン、Greasemonkeyの2ちゃんねる用スクリプトで、外部リンクがうまく開かなくなったのを修正してみた。