Due to whatever reason, IE in all versions renders the monospace font that is used in <pre>, <kbd> and <code> tags much larger relatively than the regular base font of Seven theme. Ugliness ensues.

This behavior can be seen on the install languages help page in the installer (screenshot attached) and came to light in this issue: #882164: Adding a language help page during installation is incorrect

The attached patch fixes this by assigning font-size: 1em to these tags in Seven theme's ie.css stylesheet.

CommentFileSizeAuthor
#3 ie-monospace.patch459 bytesreglogge
#2 seven-IE7-monospace.png6.27 KBJeff Burnz
#2 seven-firefox-monospace.png6.25 KBJeff Burnz
ie-monospace.png104.51 KBreglogge
ie-monospace.patch458 bytesreglogge
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented 
+++ themes/seven/ie.css	22 Sep 2010 18:37:03 -0000
@@ -10,3 +10,10 @@ fieldset .fieldset-legend {
+/* IE renders monospace font too big */

Comment needs a full stop, otherwise looks good to go.

Powered by Dreditor.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
FileSize
seven-firefox-monospace.png6.25 KB
seven-IE7-monospace.png6.27 KB

Screenshots...

IE7 Monospace

seven-IE7-monospace.png

Firefox Monospace

seven-firefox-monospace.png

reglogge’s picture

reglogge CreditAttribution: reglogge commented
FileSize
ie-monospace.patch459 bytes

Full stop added to comment.

bleen’s picture

bleen CreditAttribution: bleen commented
Status: Needs review » Reviewed & tested by the community

I hate IE... #3 is RTBC

Dries’s picture

Dries CreditAttribution: Dries commented
Status: Reviewed & tested by the community » Fixed

Committed to CVS HEAD. Thanks.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.