Ich habe einen eigenartigen Effekt im Carousel bemerkt.
Wenn ich das Carousel auf einer responsive Seite einsetze, kommt es bei der Höhenberechnung durcheinander.
Ich stelle z.B. Bilder rein, die eine Höhe von 600px haben. Durch die responsive-Anweisungen werden die Bilder an den verfügbaren Platz angepasst, so dass sie z.B. runterskaliert werden und nur noch 400px hoch sind.
Wenn ich die Bilder einfach ohne irgendwelche Angaben einstelle, legt sich das Carousel auf die 600px (also die Originalhöhe) fest.
Wenn ich die Bilder hingegen so einstelle, dass eines davon (egal welches) einen Abstand von 1px nach unten hat (padding-bottom: 1px , berechnet das Carousel korrekt auf die runterskalierte Höhe. Es bringt aber nichts, wenn ich diese padding-bottom-Angabe selbst via CSS setze, das Carousel reagiert nur, wenn das über das Inhaltselement geschehen ist.
Einstellungen siehe Anhang.
Lesezeichen