支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

困った時はこちらで質問してください。回答を担当する人は特に決まっていませんので、分かる方は回答をお願いします。
アバター
mitsu9255
記事: 10
登録日時: 2013/7/21 18:33

支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by mitsu9255 » 2013/8/02 16:42

ぜひ詳しいかたにお教えいただくようお願い申しあげます。
Zen-Cart 1.3.9hを使用しております。

(checkout_payment)支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。
FirefoxではTOPの左ロゴが中央へ、タグライン文字の位置が右にいびつにずれております。
いずれもフォントサイズが大きくなっております。

この症状の対応について詳しいかたへご教授よろしくお願いいたします。
アバター
@電材
記事: 157
登録日時: 2009/7/11 00:56
お住まい: 大阪府
連絡を取る:

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by @電材 » 2013/8/05 07:30

テンプレートをご利用かと思いますが、具体的にどんな状態か、画像でもあれば掲示してみてもらえればもう少し詳しくわかるかと思います。
単なる趣味のサイトhttp://zairyo.ne.jp
アバター
mitsu9255
記事: 10
登録日時: 2013/7/21 18:33

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by mitsu9255 » 2013/8/06 18:28

ご返事有り難うございました。
添付ファイル1がFirefoxで壊れた支払い方法選択画面です。
添付ファイル2がFirefox正常なページです。

IEでは正常なページはセンタリングされていて、
画面中央表示で左右に余白がある状態です。
支払い方法選択画面のみ左余白が無くなり、
レフトリングとなってしまいます。
フォントも大きくなります。

お忙しいところ恐縮ですがよろしくお願いいたします。
添付ファイル
kowareta2.JPG
kowareta2.JPG (67.47 KiB) 閲覧数: 7064 回
kowareta1.JPG
kowareta1.JPG (90.23 KiB) 閲覧数: 7057 回
アバター
@電材
記事: 157
登録日時: 2009/7/11 00:56
お住まい: 大阪府
連絡を取る:

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by @電材 » 2013/8/06 21:14

どのファイルをどう触ったかは覚えてらっしゃいますか?
覚えていない場合、面倒かも知れませんが一番簡単な方法は、いったんデフォルトに戻しテスト環境で触りなおしてみるのが妥当ですね。
テンプレートが怪しい場合は、またデフォルトのコピするなりでテンプレートを用意して、現在使用しているテンプレートをひとつづつ順番に入れてみる事です。
同じレイアウトの崩れが出れば、そのファイルを修正すればいいので。

cssが怪しい場合、該当ページにcenterが反映されている可能性があるので
追加・設定ツールの開発者用ツール 全ファイル内を検索 全ファイルショップページ(Catalog)でcenterを検索します。
cssも指定して探すことが出来ますから、妙な箇所にcenterが記述されていれば、その箇所を修正します。

まずcssをチェックするのがいいと思います。

多分、該当ページのソースを見れば、他のページとの定義の差が出てくると思います。
<div>などの要素の閉じ忘れや、テーブルの閉じ忘れもレイアウト崩れの原因になりますので、そういう部分もチェックは必要だと思います。
単なる趣味のサイトhttp://zairyo.ne.jp
アバター
きたきつね
記事: 147
登録日時: 2007/11/02 08:58

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by きたきつね » 2013/8/07 09:00

htmlソースの一番上にスペースか何か有りませんか?
おそらくはファイルを編集した時に間違った文字コードで保存したとか
/includes/languages/japanese/checkout_payment.php
辺りのファイルが怪しいかと思われます。
※オーバーライドしている場合はオーバーライドファイルをチェックしてみてください。
あなたも私も一般人
( ^ω^) 照れるので様は止めてね
http://zencart-pro.com/
http://bigmouse.jp/
アバター
mitsu9255
記事: 10
登録日時: 2013/7/21 18:33

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by mitsu9255 » 2013/8/07 22:08

お忙しいところご助言有り難うございます。
いろいろやってみましたが未だ直っておりません。

ご助言をもとに怪しい部分の修正でやってみたことは下記の通りです。

カスタマイズしたファイルで
/includes/languages/japanese/checkout_payment.php

ncludes/languages/japanese/modules/payment

cod_table.php (文言だけカスタマイズしたファイル)
moneyorder1.php (moneyorder.phpを文言だけカスタマイズしたファイル)
moneyorder2.php (moneyorder.phpを文言だけカスタマイズしたファイル)
moneyorder3.php (moneyorder.phpを文言だけカスタマイズしたファイル)
moneyorder4.php (moneyorder.phpを文言だけカスタマイズしたファイル)
moneyorder5.php (moneyorder.phpを文言だけカスタマイズしたファイル)

これらのファイルをUTF-8Nにて上書き保存しアップロード
※3つのファイルだけ何故かUTF-8Nではなく一部UTF-8になっておりました。

文言変更部分で不正なタグなどは無かったと確認できたと思います。
(以前トップページの<div>の閉じ忘れの構文エラーでサイト全体のフォントが大きくなってしまったことがありました。)

htmlソースも他のページと比較しましたが異常は感じられませんでした。
(一番上にスペースか何かは特に感じられませんでした。)

CSSについては特に修正はいたしておりません。

サイト全体としては動作いたしておりますが、なんとも該当ページが格好悪いのでなんとか治ればと希望しています。
またなにかヒントをいただければ幸いです。
アバター
mitsu9255
記事: 10
登録日時: 2013/7/21 18:33

Re: 支払い方法選択画面のみIEにてブラウザの左寄せで表示されてしまいます。

投稿記事by mitsu9255 » 2013/8/08 12:33

みなさま色々有り難うございました。

ncludes/languages/japanese/modules/payment
のカスタマイズしたファイルをUTF-8からUTF-8Nに直したら
無事に正確に表示されるようになりました。

本当に有り難うございました。

“Zen Cart 質問コーナー” へ戻る