939586 - min-height:100% is not working under firefox

Status: RESOLVED INVALID

(Core :: General, defect)

Description

[rahul.cs.mnnit]

Attachment: sliders.png

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36

Steps to reproduce:

min-height: 100% in stylesheet for page-id (as <div id="page">) and #page{min-height=100%}

all the pages are sequential, means you have to scroll down to view next article and so.


Actual results:

all the articles were overlapped as min-height was not working.


Expected results:

all the pages must have been one after another as seen in the chrome browser.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Does the parent of that div have auto height? What matters here isn't the screenshot but the actual HTML and CSS involved...

Comment 2

[rahul.cs.mnnit]

i have uploaded the site to technical-study.com/wp/wp. Here in style.css, under .page I had to add height:100% to make the site work. If I remove it, the site again crashes. 

@Zbarsky yes the parent of div have auto height but removing it won't help. I did it with the inspect element mode and didn't work. 

Thank you for your concern.

Comment 3

[Boris Zbarsky [:bzbarsky]]

Thank you for the link.

This site is in quirks mode, so "height: 100%" doesn't actually follow the CSS spec on this site and sets a non-auto height.  But "min-height: 100%" follows the spec in quirks mode, and 100% of auto is treated as auto.