stucklykchuck
06-13-2008, 05:58 PM
hello, i am using the featured content slider script http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm.
the problem i'm having is the .css! in IE7 the box is rotating but the content is blank (it flashes content when you first pull it up) & in ie6, the box rotates, but the content is hanging over the pagination???
i can't provide u with a link because its on an internal box but i can possibly give you snap shots
here's the .css code
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid black;
border-bottom-width: 1px;
width: 354px; /*width of featured content slider* started @ 400-378, 354*/
height: 294px; /*started @ 250, 294*/
z-index:100;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position:absolute; /*leave as is, absolute*/
/*overflow:hidden;*/
left: 0.35%; /*leave as is*/
top: 5; /*leave as is* , 15*/
/*padding: 4px;*/
background: white;
width: 354px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 92.9%; /*29.5, 40.5, 92.9*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
/*-moz-opacity: 1;
opacity: 1;*/
}
.pagination{
width: 336px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420) 336*/
text-align: center;
background-color: navy;
padding: 2px 10px;
color: white;
font-weight:bold;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #00007D;
background: white;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
the problem i'm having is the .css! in IE7 the box is rotating but the content is blank (it flashes content when you first pull it up) & in ie6, the box rotates, but the content is hanging over the pagination???
i can't provide u with a link because its on an internal box but i can possibly give you snap shots
here's the .css code
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid black;
border-bottom-width: 1px;
width: 354px; /*width of featured content slider* started @ 400-378, 354*/
height: 294px; /*started @ 250, 294*/
z-index:100;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position:absolute; /*leave as is, absolute*/
/*overflow:hidden;*/
left: 0.35%; /*leave as is*/
top: 5; /*leave as is* , 15*/
/*padding: 4px;*/
background: white;
width: 354px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 92.9%; /*29.5, 40.5, 92.9*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
/*-moz-opacity: 1;
opacity: 1;*/
}
.pagination{
width: 336px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420) 336*/
text-align: center;
background-color: navy;
padding: 2px 10px;
color: white;
font-weight:bold;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #00007D;
background: white;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}