PDA

View Full Version : Carousel Viewer not positioning in IE6 Correctly



slabadie
06-20-2008, 03:30 PM
1) Script Title: Carousel Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem: The belt does not position correctly in IE6. Is shows fine in IE7 and Firefox. http://www4.esu.edu/mascot/scroller5/index.htm

slabadie
06-23-2008, 04:56 PM
In case anyone has a similar problem, the position issue has been resolved. I just added this:

#content {position: relative;}

paganpete101
01-25-2010, 07:46 PM
Hi - where do you add that text?

slabadie
01-25-2010, 08:23 PM
I added it to the styles

<style type="text/css">
.stepcarousel {
position: relative; /*leave this value alone*/
/*border: 1px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 384px;
height: 85px; /*Height should enough to fit largest content's height*/
float:left;
}
.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 117px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 2px;
border: 1px solid #8B846A;
}
#content {
position: relative;
}

</style>

paganpete101
01-25-2010, 08:54 PM
Thanks for that I 'think' I have a similar problem -

http://www.petesimpsondesign.co.uk/littledipper.html

in ie the large image shifts to the left and down about 20 pixels and I have no idea why!

slabadie
01-25-2010, 08:59 PM
You are welcome

paganpete101
01-25-2010, 09:11 PM
Worked superb in firefox many thanks - but I still have the same image shift problem in internet explorer :-(

Oh well - hopefully someone will read my post and have an answer as I am stumped :-)