Changeset 2594

Timestamp:

02/24/2016 09:22:07 PM (11 years ago)

Author:

coffee2code

Message:

Browse Happy: Add IE6 support. Props aphillips8.

Location:

sites/trunk/browsehappy.com/public_html

Files:

• index.php (modified) (1 diff)
• js/pngfix.min.js (added)
• style.css (modified) (7 diffs)

sites/trunk/browsehappy.com/public_html/index.php

@@ -20 +20 @@
         <link rel="apple-touch-icon" sizes="114x114" href="<?php echo get_template_directory_uri(); ?>/imgs/apple-touch-icon-114x114.png" />
 
-        <!--[if (gt IE 6)|!(IE)]><!-->
-                <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css?5" />
-                <script src="<?php echo get_template_directory_uri(); ?>/js/modernizr-1.6.min.js"></script>
-                <script src="https://use.typekit.com/lsw6yis.js"></script>
-                <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-        <!--<![endif]-->
+        <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css?5" />
+        <script src="<?php echo get_template_directory_uri(); ?>/js/modernizr-1.6.min.js"></script>
+        <script src="https://use.typekit.com/lsw6yis.js"></script>
+        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+        <!--[if lt IE 7]>
+                <script src="<?php echo get_template_directory_uri(); ?>/js/pngfix.min.js"></script>
+                <script>DD_belatedPNG.fix('#i18n-alert, header, #browserlist li .icon, footer, #share nav li a, #byline a');</script>
+        <![endif]-->
 
 <?php wp_head(); ?>

sites/trunk/browsehappy.com/public_html/style.css

@@ -328 +328 @@
 }
 
+.ie6 #browserlist h2 {
+        background: #E7DECD; /* 24-bit PNG not supported in IE6, replacing with flat color */
+}
+
+.ie6 #browserlist li a:hover h2 {
+        background: #EEE8DC; /* Lighter color on hover to simulate transparency */
+}
+
 #browserlist p {
         padding: 0 5px;
@@ -335 +343 @@
 #browserlist p.info {
         min-height: 120px;
+}
+
+.ie6 #browserlist p.info {
+        height: 120px; /* Fix for min-height bug */
 }
 
@@ -357 +369 @@
 }
 
+.ie6 #browserlist p.website {
+        background: #E7DECD; /* 24-bit PNG not supported in IE6, replacing with flat color */
+}
+
 #browserlist li a:link, #browserlist li a:visited {
         color: #324B4B;
@@ -377 +393 @@
 .no-rgba #browserlist li a:hover {
         background: url(imgs/alphabg.png) repeat;
+}
+
+.ie6 #browserlist li a:hover {
+        background: #E7DECD; /* 24-bit PNG not supported in IE6, replacing with flat color */
 }
 
@@ -474 +494 @@
 }
 
+.ie6 #about {
+        display: inline; /* Fix for double margin float bug */
+}
+
 #share {
         width: 30%;
@@ -481 +505 @@
 }
 
+.ie6 #share {
+        display: inline; /* Fix for double margin float bug */
+}
+
 #share nav li {
         width: 32px;
@@ -486 +514 @@
         float: left;
         margin-right: 9px;
+}
+
+.ie6 #share nav li {
+        display: inline; /* Fix for double margin float bug */
 }