css help
- Started
- Last post
- 7 Responses
- texascris
hi, i got a problem with my css, i got this slider working fine in safari, firefox, but not in explorer, the thing is, it displays to the right, outside the div it should be. any help would be very apreciated.
this is the css:http://www.bancofalabella.cl/Ban…
-------
/* container for slides */
.images {
position: absolute;
height: 150px;
width: 720px;
float: left;
clear: left;
cursor: pointer;
}.slides {
width: 720px;
height: 150px;
}/* single slide */
.images div {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 150px;
}/* tabs (those little squares below slides) */
.tabs {
position: relative;
z-index: 1;
float: right;
clear: both;
display: inline;
}/* single tab */
.tabs a {
width:24px;
height:24px;
background: url(../slideshow/images/navigato... no-repeat 0 0;
display:block;
color: #797979;
font: bold 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
text-decoration: none;
text-align: center;
margin: 4px 2px 0 0;
z-index: 1;
}/* mouseover state */
.tabs a:hover {
background-position:0 -24px;
color: #424242;}
/* active state (current page state) */
.tabs a.current {
background-position:0 -48px;
color: #fff;
}
- bigtrickagain0
it looks fine to me in IE8.
you have a javascript error on this line though:
if(navigator.appVersion.indexOf...
the single-quote marks you are using are some weird character - if you use ' instead of ’, that should fix it.
- texascris0
most problems are in IE6 and IE7
- acescence0
i'll guess it's the div with class "images", you've given it position: absolute, but no position values. try giving the promo container position: relative and give images a left and top or whatever.
- ukit0
bump
- ukit0
bump
- texascris0
thanks for the bump ukit