These are chat archives for idiot/unslider

18th
Mar 2016
jenrocks
@jenrocks
Mar 18 2016 14:58
My slider is stacking and not sliding in IE11

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<style>
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

.image-container {
display: inline-block;
position: relative;
}

.leftbtn {
position: absolute;
left: 977px;
top: 331px;
}
.rightbtn {
position: absolute;
left: 1165px;
top: 331px;
}

</style>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<script>
$(function() {
$('.banner').unslider();
});
</script>
</head>
<body>
<div class="banner">
<ul>
<li><div class ="image-container"><img src="images/slide1.jpg" width="1600" height="524">
<a href="#"><img class="leftbtn" src="images/learnmore.png"></a>
<a href="#"><img class="rightbtn" src="images/catalog.png"></a></div>
</li>
<li><div class ="image-container"><img src="images/slide2.jpg" width="1600" height="524">
<a href="#"><img class="leftbtn" src="images/learnmore.png"></a>
<a href="#"><img class="rightbtn" src="images/factoryoptions.png"></a></div>
</li>
<li><div class ="image-container"><img src="images/slide3.jpg" width="1600" height="524">
<a href="#"><img class="leftbtn" src="images/contact.png"></a></div>
</li>
</ul>
</div>
</body>

</html>

(works great in Chrome/Firefox)