User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.10) Gecko/20050716 Firefox/1.0.6 When rendering the following HTML/CSS, Firefox displays horizontal and vertical scrollbars, while IE and Opera does not. (I "distilled" this bug from an actual page.) However, when the width and height properties are removed, the page is displayed correctly. <div style="padding: 100px; width: 100%; height: 100%;"> Skldh hsdklfjhk d uirfihsad khf uahf sdfkjhauiwrhfaliuhf uiahrfwi uhafiduhawfh u afwe uhal fuhafuh iaewlih ashuaweifh asfhuiaweh fhaihuahewfi hsufhauiwehfli a fhwuelifauf hafhuewiflaiuha hufhawiuhl ahfuhlifh liu fhuewl fifah hfu iueh hauewfhl aufh uhae fiuhaewuh iafuhi fuhlhaewiufhaewufhs hfuhfewiufh iyf sdhf huewhfalewuh uihewlfuih alweuhf laiwuhel fuihe fiue fiuh. </div> Reproducible: Always Steps to Reproduce: 1. Copy the code in Details to an empty html file. 2. Open it using Mozilla Firefox. Actual Results: Horizontal and vertical scrollbars displayed. Expected Results: Open the file in IE or Opera :-)
According to the CSS spec, the width and height attributes specifies the content width and height. The 100% would make them relative to the containing block (Im assuming its the body element here. This would I imagine make the div the full size of the browser. Padding is than applied around the content, so the total size of the page would end up being 200px wider and higher that the browser window.
*** Bug 301782 has been marked as a duplicate of this bug. ***
Moving to appropriate component
Component: General → Layout
Product: Firefox → Core
Version: unspecified → 1.0 Branch
Wontfix. We don't want to make this even quirkier.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 13 years ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.