バグがどうかわかりませんがスマートフォン画面で
下記のような症状がでます。
解決方法を御存じの方いらっしゃいましたら
よろしくお願いいたします。

スマートフォンを縦長の向きのままサイトを表示し、
横長に角度を変えるとリキッドデザインなので横長に
表示されると思います。

一度横長にしてから縦長に戻すと、サイト自体が左に少し
寄ってしまい、左右にサイトが動いてしまいます。
右の方に余白ができてしまうようなイメージです。

更新をすれば治りますが、横長にしてから縦長にもどしたときも
余白を無くしたいのですがどのようにすると良いでしょうか？

確認端末　iphone4s　ios6.0.1
確認ブラウザ　safari　chrome

どうぞよろしくお願いいたします。

EC-CUBEバージョン 2.12.2
PHPバージョン PHP 5.1.6
DBバージョン PostgreSQL 8.1.23

jQuery の処理で、CSS で px 指定されているといった箇所があるのかもしれません。

その場合、その処理を特定して、再実行するなどの方法で改善されるかもしれません。

あくまで、確率の1つとしてですが、ご参考まで。

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

お返事ありがとうございます。

スマートフォンサイトのTOPページを細かくみていったところ
「検索バー」を無くすと、正常に縦長に表示されました。

一覧ページの検索バーの記述も一時的に消してみたところ
右端に余白はできませんでした。

ECCUBEサイトの構築事例にもアクセスしてみたところ
同じ症状がでておりましたので、自分だけの症状ではないと
思います。
バグになりますでしょうか？

おそらく検索バーが影響していると思っておりますが
CSSを見たところ特に影響していると思われる箇所がみつかりませんでした。

解決方法はわかりますでしょうか？

common.css
/*-------------------------------------------------
検索バー
----------------------------------------------- */
#search_area {
padding: 10px;
background: #E7E8E9;
clear: both;
text-align: center;
}

/*jqm追記*/
#search_area .ui-input-search {
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: #CCC solid 1px;
}

.ui-input-text {
width: 100% !important;
}

CSS のみでしたら、ブラウザが再レンダリングするはずですので、やはり JavaScript (jQuery Mobile?) 周りでは?

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

お返事ありがとうございます。
jQuery Mobileに記載してありますCSSを見てみたところ
「search」に関する記載がいくつかありました。
下記の部分にwidth60%を指定するとお問い合わせのページ以外では
横にしてから縦にしても表示がずれることはありませんでした。
当然６０％にしていますので、キーワードをいれる枠は短くなって
おりますが・・・。

このやり方で大丈夫でしょうか？
ほかに良い方法ありますでしょうか？

この症状が、みなさんの環境でも起きるようでしたらバグとして
報告して頂くことは可能なのでしょうか？

質問ばかりで申し訳ありませんがどうぞよろしくお願い致します。


.ui-input-search {
padding:0 30px;
background-image:none;
position:relative
}

こちらすでに解決済みでしょうか？

当方でも同じ問題に悩まされておりましたが、
jquery.mobile-1.0.1.min.css の以下の部分を変更すると、
解決いたしました。
ご参考ください。

↓

----------------
EC-CUBEのプラグインを公開しています！
いつも reCAPTCHA

大変遅くなりましたが、pineray様の記述で
無事余白ができずに表示できました。

どうもありがとうございました。


本件とはずれますが、投稿画面の「対応状況」は機能して
いないのですね・・・。

「解決済」にしても反映されませんでした。

> 本件とはずれますが、投稿画面の「対応状況」は機能して
> いないのですね・・・。

反映されているようですよ。

(過去の投稿の変更は効かなかったかも。)

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

あ　ほんとだ！

失礼いたしました。ありがとうございます