From 5e194ccad751fdfa8ea1e98304711751000eec77 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Fri, 27 Apr 2012 16:57:40 +0100
Subject: [PATCH] Fix the scrollbars showing in the unsupported dialog in IE6
and IE7
issue #1496
---
resources/static/dialog/css/popup.css | 16 ++++++++++++++--
1 file changed, 14 insertions(+), 2 deletions(-)
diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css
index a8c40097b..4d456ea67 100644
--- a/resources/static/dialog/css/popup.css
+++ b/resources/static/dialog/css/popup.css
@@ -13,7 +13,13 @@ h2 {
header, footer {
position: absolute;
+ /* The *padding is a fix for IE6 and IE7 showing scroll bars in the
+ * unsupported dialog. Since IE6 and IE7 do not support box-sizing:
+ * border-box, the left and right padding cause these versions of IE to
+ * overflow the dialog box.
+ */
padding: 20px;
+ *padding: 20px 0;
z-index: 2;
}
@@ -109,8 +115,14 @@ section > .contents {
right: 0;
top: 61px;
bottom: 61px;
- /* Fix for IE6 not displaying the unsupported dialog correctly */
- _width: 100%;
+ /* Fix for IE6 not displaying the unsupported dialog correctly. IE6 by
+ * default sets the height and width of the element to 0 meaning nothing
+ * shows up on the screen.
+ * Note, these are magic numbers that depend on the width and height of the
+ * dialog. The height also depends on the height of the header and footer.
+ */
+ _width: 682px;
+ _height: 250px;
}
#wait, #error, #delay {
--
GitLab