Help:Internet Explorer: Difference between revisions

Revision as of 19:21, 25 January 2015

Latest revision as of 15:54, 20 February 2025

(26 intermediate revisions by 6 users not shown)

Line 1:

{{Wikipedia how to}}

{{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 expands its 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 another 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.

==JavaScript==

As of September 2014, JavaScript has been disabled for IE6 and IE7 due to security issues.

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

* Usage: JavaScript is used extensively on Wikipedia

** Custom JavaScript

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

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

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

* Fix: none; (except upgrading IEto IE8 or higher or using a different browser).

==No backlinks for citations==

{{tracked|T93319}}

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

* 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:

<syntaxhighlight lang="css">

.mw-cite-backlink,

.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.

{{#section:Help:Printable|ieprintfix}}

* 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==

Line 15 ⟶ 43:

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.

==column-width==

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

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

==Columns==

* IE6, IE7, IE8, and IE9 will not show 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: <code>column-count</code>, <code>column-width</code> and other associated column properties are only supported by IE10 and above

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

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

* Fix: none (except upgrading IE or using a different browser)

* 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 a short quotation; CSS styles the content by placing it in quotation marks in a normal font style.

{{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==

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

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

**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:

==References==

<syntaxhighlight lang="css">

{{reflist}}

q {font-style: normal}

</syntaxhighlight>