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

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

java - More than one row with the given identifier was found: 1, for class: com.model.Diagnosis -