Firefox and IE displays first and last node together
Bedestenlioglu - March 28, 2008 - 14:12
| Project: | Nodecarousel |
| Version: | 5.x-1.0 |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
Hi,
I have just installed this module , everything seems perfect except that Firefox and IE7 show last and first nodes together allthough I have set the "number visible" field to 1. This problem does not occur in Safari and Opera. I have not done any theming yet , am using the default theme and css from the module.. Most probably, I am missing something obvious but what ?
Selda
#1
I have solved the issue for FF2 and IE7 by replacing the module css with following nodecarousel.css from www.popsci.com. However, the problem with IE6 is still there.
Any idea to sort this IE6 problem out ?
ul.jcarousel_target {
padding-left:0pt;
}
ul.jcarousel_target > li {
background:transparent none repeat scroll 0%;
height:auto;
padding:0pt;
width:75px;
}
.hidden {
display:none;
}
.jcarousel-container.jcarousel-container-horizontal {
border:1px solid black;
height:auto;
overflow:auto;
width:450px;
}
.jcarousel-clip.jcarousel-clip-horizontal {
clear:both;
height:auto;
margin:5px auto;
width:395px;
}
.jcarousel-clip.jcarousel-clip-vertical {
clear:both;
height:280px;
width:100%;
}
ul > li.jcarousel-item-horizontal {
margin:0pt 2px;
}
ul > li.jcarousel-item-vertical {
height:140px;
overflow:hidden;
width:100%;
}
div.jcarousel-prev {
float:left;
}
div.jcarousel-next {
float:right;
}
div.jcarousel-last {
clear:right;
float:right;
}
li.index_control_item.visible {
font-weight:bold;
}
#2
When you only want one item to show at a time, I've generally found it a little easier to set the number to display to 0, and then to set the width (plus margin, etc) of each li in the ul to be equal to the size of the jcarousel-clip, setting this via the css.
#3
Hi there,
To solve the doubled-up nodes in IE6, just add the following line to your theme's CSS file: -
.jcarousel-item-horizontal {
margin:0px;
}
Why IE6 ignores the li.jcarousel-item-horizontal rule posted above, I'll never know.
Anyway, that should do the trick..
Dubs
#4
No updates, and solution has been given. Closing.