Help:Internet Explorer: Difference between revisions

Revision as of 19:24, 24 January 2015

Latest revision as of 15:54, 20 February 2025

(33 intermediate revisions by 7 users not shown)

Line 1:

{{Wikipedia how to}}

Older versions of [[Internet Explorer]] have limitations in CSS and HTML support. As Wikipedia advances with CSS3 and HTML5, support for these browsers will become more limited leaving older browsers unable to render a page as the editors intend. A number of specialized fixes for these older browsers are being removed as the MediaWiki software is being updated.

{{historical}}

Older versions of [[Internet Explorer]] (IE), especially versions 6 and 7 (commonly abbreviated IE6 and IE7) have limitations in their CSS and HTML support. As Wikipedia advancesexpands withits use of CSS3 and HTML5, support for these old browsers will become more limited, leaving older browsers unable to render a page as the editors intend. A number of specialized fixes for these older browsers are being removed as the MediaWiki software is being updated.

Where possible, users should upgrade to [[Internet Explorer 8]] or higher, or install another modern browser such as [[Firefox]], or [[Google Chrome]] or other modern browser. We understand that some users do not have a choice, either by limitations of their system, corporate policy, or compatibility with other software.

In some instances, {{yourcss}} can be edited (if you are logged in to Wikipedia with a username and password) to add some level of support.

==column-widthJavaScript==

As of September 2014, JavaScript has been disabled for IE6 and IE7.

The CSS3 <code>column-width</code> property specifies the width of columns.

* Issues: Without updates, IE6 and IE7 have increasing security issues which can lead to vulnerabilities.

* IE6, IE7, IE8, and IE9 will not show columns.

* Usage: JavaScript is used extensively on Wikipedia

** Issues: <code>column-width</code> property is only supported by IE10 and above

** Custom JavaScript

* Usage: {{tl|reflist}} for references; {{tl|div col}} for multiple columns

** Tabs on [[Special:Preferences|Preferences]]

* Fix: none

** [[Help:Edit toolbar|Edit toolbar]]

** [[Help:CharInsert|CharInsert]] toolbar which adds symbols

* Fix: none; except upgrading to IE8 or higher or using a different browser.

==No backlinks for citations==

==&lt;q>==

{{tracked|T93319}}

{{tag|q}} is used to mark a short quotation; CSS styles the content by placing it in quotes in a normal font.

IE9 does not show backlinks ({{dummy backlink|a b}}) in the references section.

* IE6 and IE7 do not add the quotation marks and style the content in italics.

**Issues:

*** <code>before</code> and <code>after</code> pseudo-elements are not supported

*** <code>q</code> is not supported as a selector

* Usage: {{tag|q|o}} is used to format short works in {{cs1}} and {{cs2}}

* Fix: To change the style to normal:

* Accessibility changes to the CSS for {{cite.php}} added <code>user-select: none;</code> to the <code>mw-cite-backlink</code> class.<ref>[https://phabricator.wikimedia.org/diffusion/ECIT/browse/master/modules/ext.cite.css;530ef0ab9ccda7a5adef8547b2f5c644e156e636 ext.cite.css]</ref> This is not supposed to be supported by IE9 but, apparently it causes the content to not display. IE8 and below do not support this property at all; IE10 and above support it properly.

* Fix: none

<syntaxhighlight lang="css">

.mw-cite-backlink,

q {font-style: normal}

.cite-accessibility-label {

display: inline

}

</syntaxhighlight>

==Blank pages when printing==

When printing with Internet Explorer 7, some pages may be blank except for the header and footer; this can be seen in the browser print preview.

* Issues: The style sheets have rules to adjust the line height for improved readability with superscript and subscript text, including references. IE7 apparently has problems with the <code>line-height</code> CSS property. This issue appears to be resolved in Internet Explorer 8 and above.

* Fix:

<syntaxhighlight lang="CSS">@media print {

sup, sub, p, .documentDescription { line-height: normal; }

}</syntaxhighlight>

==Image and text spacing==

{{for|examples|Help:Internet Explorer/IE space issue}}

Where images and text are intermixed, large gaps may appear in the text.

* IE6 and IE7 do not properly handle image thumbs mixed with text.

* Fix: none; except upgrading to IE8 or higher or using a different browser.

==Columns==

The CSS3 Columns module enables content to be divided into columns. Used in {{tl|reflist}} for references; {{tl|div col}} for other content.

* Issues: IE6, IE7, IE8, and IE9 willdo not showsupport CSS columns.

* Fix: None; except upgrading to IE10 or higher or using a different browser.

==&lt;q>==

{{hatnote|{{tag|q|o}} was formerly styled as italic for IE6 and IE7. This was resolved with the deployment of [[mw:MediaWiki 1.25/wmf19|MediaWiki 1.25/wmf19]]; see {{phab|T89595}} }}

{{tag|q}} is used to mark text as quotations. It is used to format short works in {{cs1}} and {{cs2}} and elsewhere. The element is styled in quote marks through [[MediaWiki:Common.css]] using the <code>quotes</code> property.

* IE6 and IE7 do not support the <code>quotes</code> property, thus show without quote marks.

* Fix: None; except upgrading to IE8 or higher or using a different browser.

==Testing==

[[Virtual machine]]s with various versions of IE are available from [https://www.modern.ie Modern.IE].

==References==

{{reflist}}