CSS box model: Difference between revisions

Revision as of 23:25, 22 July 2019

Revision as of 18:29, 4 September 2019

Line 68:

[[Internet Explorer]] in "[[quirks mode]]" includes the content, padding and borders within a specified width or height; this results in a narrower or shorter rendering of a box than would result following the standard behavior.<ref>{{Cite web| url=http://msdn2.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic3 | title=CSS Enhancements in Internet Explorer 6 | author=Lance Silver |date=March 2001 | publisher=[[Microsoft]] | work=[[Microsoft Developer Network]] | accessdate=2007-06-24}}</ref>

The ''Internet Explorer box model'' behavior was often considered a bug, because way in which earlier versions of [[Internet Explorer]] handle the [[CSS box model|box model]] or sizing of elements in a web page, which differs from the standard way recommended by the [[W3C]] for the [[Cascading Style Sheets]] language.<ref>{{Cite book |title=HTML Utopia: Designing Without Tables Using CSS |last=Shafer |first=Dan |year=2005 |publisher=[[Sitepoint]] |___location=Melbourne |isbn=0-9579218-2-9 |pages=124 & Appendix C |url=httphttps://wwwarchive.sitepoint.comorg/booksdetails/css1/errata.phphtmlutopia000dans }}</ref><ref>{{Cite book |title=The Zen of CSS Design |last=Shea |first=David |authorlink=Dave Shea (web designer) |author2=[[Molly E. Holzschlag]] |year=2005 |publisher=Peachpit Press |___location=Berkeley |isbn=0-321-30347-4 |url=http://www.digital-web.com/articles/zen_of_css_design/ |deadurl=yes |archiveurl=https://web.archive.org/web/20100219034404/http://www.digital-web.com/articles/zen_of_css_designdetails/zenofcssdesignvi00shea |archivedatedeadurl=19 February 2010yes |df=dmy-all }}</ref> As of [[Internet Explorer 6]], the browser supports an alternative rendering mode (called the "standards-compliant mode") which solves this discrepancy. However, for backward compatibility reasons, all versions still behave in the usual, non-standard way by default (see [[quirks mode]]). [[Internet Explorer for Mac]] is not affected by this non-standard behavior.

===Workarounds===