リキッドレイアウトを目指している他サイトのレイアウトが、
携帯端末用ブラウザ”NetFront”で表示したとき崩れる。その原因を探るため作ったページでありコンテンツは特にありません。
また、浮動ボックス自体にoverflow:visible;をしたことにより、Netfrontバージョン3.3での崩れは改善されました。
浮動要素を包含するボックスにoverflowプロパティを使う手法は有名ですが、浮動要素自体にoverflowプロパティを使うことで、どんな特殊効果が発生したのかは不明です。
operaでこちらの意図したfont-family、font-size、line-heightになっていない事も確認。
アップロードファイル名を#attachに表示すると、IEでカラム落ち。#attachの中に#attachが入っているのが要因か?
また、浮動ボックス自体にoverflow:visible;をしたことにより、Netfrontバージョン3.3での崩れは改善されました。
浮動要素を包含するボックスにoverflowプロパティを使う手法は有名ですが、浮動要素自体にoverflowプロパティを使うことで、どんな特殊効果が発生したのかは不明です。
把握している問題
Netscape7.1への最適化を目指し、IEのカラム落ち対策としてoverflow-xを施しているため、スクロール操作性が悪くなっているかもしれません。Firefoxも何故かoverflow-xに対応しているので、操作性が悪いでしょう。operaでこちらの意図したfont-family、font-size、line-heightになっていない事も確認。
アップロードファイル名を#attachに表示すると、IEでカラム落ち。#attachの中に#attachが入っているのが要因か?
コンテンツっぽいもの
010oldのレイアウト添付ファイル