Contao Content-Slider "verschachtelt" sich

Druckbare Version

22.11.2016, 15:13
kartenmann

Contao Content-Slider "verschachtelt" sich

Hallo Leute,

ich habe ein Problem mit dem standard Contao Content Slider:

In einem selbstgebastelten Theme funktioniert der Slider nicht richtig. Ich habe 4 Slide Elemente angelegt.
Die ersten drei sind sichtbar, allerdings werden sie in jedem Slide etwas weiter nach Rechts verschoben, im 4. und letzten Slide ist nichts zu sehen.

Zur Verdeutlichung animiertes gif erstellt:
http://i.picasion.com/pic83/223fe274...56da684c4c.gif

In der gleichen Contao Installation liegen noch andere Websites, auf welchen der Slider problemlos funktioniert. Diese haben allerdings auch ein anderes Theme.

Hat jemand Ideen woran es liegen könnte?

Grüße
22.11.2016, 15:15
Spooky

Poste einen Link zur Seite.
22.11.2016, 15:16
kartenmann

Mir ist grad noch aufgefallen, dass Chrome beim Sliden Errors ausspuckt:

swipe.min.js:2 Uncaught TypeError: Cannot read property 'children' of undefined(…)s @ swipe.min.js:2v @ swipe.min.js:2u @ swipe.min.js:2
swipe.min.js:2 Uncaught TypeError: Cannot read property 'children' of undefined(…)s @ swipe.min.js:2v @ swipe.min.js:2u @ swipe.min.js:2

etc...
22.11.2016, 15:18
kartenmann

Zitat:

Zitat von Spooky

Poste einen Link zur Seite.

Das würde ich sehr gerne, leider ist das eine Seite für meinen Chef, welche nocht nicht "veröffentlicht" werden soll. :(
22.11.2016, 15:18
tab

Schau mal, ob den zu slidenden Contentelementen irgenwelche Margins oder Paddings zugewiesen sind. So war es letztens bei mir als ich einen Test mit dem Slider machte, es hat immer das letzte Element gefehlt, weil durch Paddings/Margins die einzelnen Elemente größer waren als vom Slider zugewiesen. Deshalb haben sie nicht horizontal nebeneinander gepasst.
24.11.2016, 12:41
kartenmann

Zitat:

Zitat von kartenmann

Das würde ich sehr gerne, leider ist das eine Seite für meinen Chef, welche nocht nicht "veröffentlicht" werden soll. :(

okay, ich darf euch die Seite im unfertigen zustand zeigen :)

http://www.xn--it-qualitt-y5a.de/

Ja, wir entwickeln momentan auf einer vorübergehenden Domain mit Umlaut.
24.11.2016, 12:55
Spooky

Wie schon erwähnt liegt es an den Margins.

Code:

.mod_article [class*="ce_"], .mod_article [class*="mod_"] { margin-left: 10px; margin-right: 10px; } .mod_article [class*="ce_"], .mod_article [class*="mod_"] { margin-left: 1%; margin-right: 1%; }

Du bräuchtest danach noch

Code:

.slider-wrapper > * { margin-left:0; margin-right:0; }
24.11.2016, 13:14
kartenmann

Zitat:

Zitat von Spooky

Wie schon erwähnt liegt es an den Margins.

Code:

.mod_article [class*="ce_"], .mod_article [class*="mod_"] { margin-left: 10px; margin-right: 10px; } .mod_article [class*="ce_"], .mod_article [class*="mod_"] { margin-left: 1%; margin-right: 1%; }

Du bräuchtest danach noch

Code:

.slider-wrapper > * { margin-left:0; margin-right:0; }

Au ja, ganz vielen Dank, das habe ich nun angepasst.
Aber Chrome spuckt mir nach wie vor bei jedem Slideevent den Error raus.
14.03.2017, 12:49
sizta7

Zitat:

Zitat von kartenmann

Aber Chrome spuckt mir nach wie vor bei jedem Slideevent den Error raus.

Dein Post ist zwar schon 'ne Weile her - aber dieser Fehler verschwindet evtl., wenn Du die Sliderscripte in den <head>-Bereich setzt.