メニュー div とメインコンテンツ div があります。IE と Chrome では適切に表示されますが、Android フォンの Opera でこれを表示すると、メニュー div とメインコンテンツ div にスクロールバーが表示されず、div がテキストの段落全体に収まるように引き伸ばされ、メニュー div がより短くなります。メインコンテンツ div。
html:
<div id="contentwrap">
<div id="menu">
<p>Less text in here..............</p>
</div>
<div id="maincontent">
<p>More text in here.......</p>
</div>
</div>
menu と maincontent が contentwrap div から高さを継承するように指定したので、それを埋める必要がありますか?
これが正しく表示されない理由はわかりませんが、px とパーセンテージ値でこれを試したところ、モバイル ブラウザーで同じ結果が得られました。
http://jsfiddle.net/6LCGK/ - これはここでは問題なく表示されますが、opera では青と緑の div にスクロールバーがなく、すべてのコンテンツが収まるように引き伸ばされます。これにより、青の div が緑の div よりも短くなります。ピンク色のラッパーを露出させます。
誰が何が起こっているのか知っていますか？
どうもありがとう！