1) Script Title: Step Carousel Viewer v2.0
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...epcarousel.htm
3) Describe problem:
Hey guys,
I really like the Carousel Viewer and I'm glad it works correctly. I only have a css-related question: Is it possible in any way to set the width for each panel relative to the width of the "surrounding" div (e.g. 50%)? It seems only to work with absolute widths (e.g. 500px).
Here is the code I relate to (from the DD-Website above):
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
I now want to do something like this:
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 70%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
But as soon as I set the width to a percentage, it messes the whole script up (see also the pictures, there should be one table on every page/panel)
Thank you very much for helping
Cheers, halibali


Reply With Quote



Bookmarks