Permalink
Browse files

workaround for ie8

  • Loading branch information...
tongueroo committed Aug 24, 2010
1 parent 039d05e commit c36f38b8ea5531d2ce3b0cf21d80ea09ad7c6f35
Showing with 13 additions and 11 deletions.
  1. +6 −9 mpi3/css/slider.css
  2. +5 −0 mpi3/js/slider.js
  3. +2 −2 mpi3/views/layouts/default.php
View
@@ -18,15 +18,8 @@
}
/* dont now why I need to do this for ie */
-.ie .menu {
- top: 16px;
-}
-.ie6 .menu {
- top: -5px;
-}
-
-.ie8 .menu {
- top: 1px;
+.ie67 .menu {
+ top: -7px;
}
.menu ul {
@@ -58,6 +51,10 @@
.menu ul li img {
border-right: 1px solid #999999;
}
+
+ .ie .menu ul li img {
+ width: 99px;
+ }
/* using hide margin technique so .cross can see the element to set up the right markup for crossfade animation */
.menu ul li img {
View
@@ -43,6 +43,9 @@ $(window).bind('load', function () {
// wrap_div.css({'width': '680px'});
dark.css({'margin-left': '0'}); // position crossfade element in view
bright.css({'margin-left': '0'}); // position crossfade element in view
+ dark.css({'width': '680px'}); // position crossfade element in view
+ bright.css({'width': '680px'}); // position crossfade element in view
+
dark.css({'opacity': 1});
@@ -73,6 +76,8 @@ $(window).bind('load', function () {
var dark = slider_span.children().eq(1);
var bright = slider_span.children().eq(0);
+ dark.css({'width': '99px'}); // position crossfade element in view
+ bright.css({'width': '99px'}); // position crossfade element in view
dark.css({'margin-left': '-1000px'}); // hide crossfade element from view
bright.css({'margin-left': '-1000px'}); // hide crossfade element from view
link.show().css({'margin-right': '0'});
@@ -10,8 +10,8 @@
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/modernizr-1.5.js"></script>
<script type="text/javascript" src="js/logger.js"></script>
-<!-- <script type="text/javascript" src="js/jquery.cross.js"></script> -->
-<!-- <script type="text/javascript" src="js/slider.js"></script> -->
+<script type="text/javascript" src="js/jquery.cross.js"></script>
+<script type="text/javascript" src="js/slider.js"></script>
</head>
<body>

0 comments on commit c36f38b

Please sign in to comment.