makeppのWebサイトは、ヘッダーと狭いナビゲーションを備えたシンプルな3ペインのレイアウトで、通常は左にフロートします(ただし、最初の<li>の↔ボタンをクリックして右にフロートするか、×で非表示にしてナローに対応します。画面):
+------------------------------+
+ div id="_head" |
+ width: 100% |
+-------------+----------------+
+ ul | div id="_main" |
+ width: 10em | width: auto |
+-------------+----------------+
+ clear: both |
+------------------------------+
このページは検証します(schema.orgで遊んでいるものを除く)。iPhone /パッドを除いて、すべてのブラウザが正しく表示します。そこで、右側に小さな文字と役に立たない白い帯が表示されます(おそらくulと同じくらい広い???)。
今、私はこのiPhoneのバグに遭遇した人が何人かいて、min-width 100%のような解決策は機能していないようです。また、アップル固有のメタヘッダーはグロテスクです。 IE6..。
Appleの店で、MacOSのサファリもこれに悩まされていることがわかりましたが、白い帯を窓の外に出すには十分です。横にスクロールして見る必要があります。なんとかfirebugをダウンロードできましたが、どういうわけか、どのDOM部分にも属していないように見えるこの白い領域を認識していません。
それ以来、Androidにも同じことが当てはまることがわかりました。右にスクロールすると、この空の領域が表示されます。そして(今だけ?)Chromium20もそうです。これは、ローカルでデバッグできることを意味するので、スケッチの4つの要素のそれぞれに赤い背景を配置しました。白い帯には何も届きませんでした。
しかし、それを追加するhtml{background-color:red;width:100%;min-width:100%;max-width:100%;}
と、バンドは赤になり、幅は無視されます。
それで、このページをどこでも正しくするためのクリーンな解決策は何ですか?