SDX
Legacy Member
Zou iemand even een kijkje kunnen nemen naar deze css aub?
In FF werkt het goed, maar in IE verschijnt er een zijdelingse scrollbar en springt de website helemaal naar links en ik weet niet waarom.
In compatibility mode van IE9 werkt het wel.
Het gaat over deze website.
De onderstaande css is voor de image slider (nivoSlider) op de homepagina.
Als ik deze css file verwijder, dan werkt alles goed (behalve dan de slider natuurlijk).
Alvast bedankt voor de hulp!
In FF werkt het goed, maar in IE verschijnt er een zijdelingse scrollbar en springt de website helemaal naar links en ik weet niet waarom.
In compatibility mode van IE9 werkt het wel.
Het gaat over deze website.
De onderstaande css is voor de image slider (nivoSlider) op de homepagina.
Als ik deze css file verwijder, dan werkt alles goed (behalve dan de slider natuurlijk).
Alvast bedankt voor de hulp!
Code:
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:42%;
z-index:99;
cursor:pointer;
height: 55px;
width: 52px;
font-size: 0px; line-height: 0px; text-indent: -9999; color: transparent;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}