Book Image

MediaWiki Skins Design

Book Image

MediaWiki Skins Design

Overview of this book

Table of Contents (16 chapters)
MediaWiki Skins Design
Credits
About the Author
About the Reviewer
Preface

Internet Explorer 5 Bugs


There are a number of bugs in Internet Explorer 5 that are easily fixed once you know how to do so:

  • Background images (such as those used in external links in MediaWiki) do not show.

  • The font size of Internet Explorer 5 and 5.5 is offset compared to other browsers.

Background Image Bug

JazzMeet's CSS style links to pages on the wiki that have not been created yet, as follows:

Because Internet Explorer 5 does not render these nicely, we will need to remove these background images. We can create a new stylesheet, ie5fixes.css, in the skins/ directory of our MediaWiki installation, and link to it in the<head> of our MediaWiki skin as demonstrated above.

We can then add CSS to overwrite previous styling associated with the "new article" link styling:

a.new {
background: none;
padding: 0;
}

This removes the background image and the padding given for external links in the previous CSS for JazzMeet's skin:

Font-Sizing Bug

Internet Explorer 5 and Internet Explorer 5.5 do not interpret the font-size you set as other browsers do. You can correct this by adding the following CSS to the ie5fixes.css file:

body {
font-size: xx-small
}

This simply tells Internet Explorer 5 to resize the text to a smaller size than other browsers, making the size of text appear consistent across the browsers.

Cursor Hand bug

Another noticeable bug in Internet Explorer 5.5 is that the "pointer" cursor does not appear when you hover over the logo. This can be addressed by the following CSS fix from MonoBook's skin:

#p-logo a,
#p-logo a:hover {
cursor: pointer;
}