html - Div will not display properly on mobile browser -
i have menu div , maincontent div. displays on ie , chrome, when view on opera on android phone, menu div , maincontent div not display scrollbars, divs stretch fit whole paragraph of text inside, leaving menu div shorter maincontent 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>
i have specified menu , maincontent inherit height contentwrap div should fill it?
i cannot work out though why not display properly, have tried px , percentage values , same result on mobile browser.
http://jsfiddle.net/6lcgk/ - displays fine on here, although on opera, blue , green divs not have scrollbars , stretch fit content inside, leaves blue div shorter green div, exposing pink coloured wrapper.
anyone know going on?
many thanks!
try set body @ height 100% .
Comments
Post a Comment