Artikelübersicht - Inhalte gehen über den Container hinaus

[saress]

In der Artikelübersicht im Backend kann es passieren, dass Inhalte über den eigentlichen Inhalts-Container hinaus angezeigt werden, wenn die Elemente darin wie im Beispiel darunter z.B. folgende Inline-Styles haben:

Aufgefallen ist mir das Problem beim Einbinden eines bekannten Sliders (Layerslider).

<div class="layerslider" style="width: 100%; height: 100%; position: fixed;">
<div class="ls-slide" data-ls="slidedelay: 6000; transition2d: 1;"><img src="http://placehold.it/2500x400&text=[test 1]" class="ls-bg" alt="Testpic 1"></div>
<div class="ls-slide" data-ls="slidedelay: 6000; transition2d: 1;"><img src="http://placehold.it/2500x400&text=[test 2]" class="ls-bg" alt="Testpic 2"></div>
</div>

Wie kann man das in der Online-Demo reproduzieren?

1. In der Demo einfach einen neuen Artikel anlegen und als Inhaltselement Text wählen
2. den oben angeführten Source-Code reinkopieren
3. den Artikel speichern

Getestet in der aktuellen Demo.

Danach sieht man, dass das Testbild in der Artikelübersicht über den Container hinausragt. Das Problem kann man aktuell dadurch umgehen, in dem man den Wert "position: fixed" nicht als Inline-Stylesheet definiert, sondern in ein externes CSS-File auslagert. Das gleiche Problem ergibt sich übrigens auch für "position: absolute;". Wählt man "position: relative" dann greift übrigens das Höhen-Limit des Containers ("limit_height h64") nicht mehr.

Beste Grüße Saress

[Aybee]

Wieso hat das Inhaltselement denn inline Style? Ein Inhaltselement bekommt eigentlich kein inline Style. Normalerweise hat man doch erst im FE das passende CSS, oder im FE wird das passende inline Style erst mit JS aufgesetzt. Ist dieser "Layerslider" eine Contao Erweiterung? Dann mal an den Entwickler wenden, er möchte dort kein inline Style reinpacken.

[saress]

Halle Aybee,

nein, der Layerslider ist keine Contao Erweiterung, zumindest nicht dass ich wüsste. An sich gebe ich Dir recht, mit den Inline-Styles, dennoch sind Inline-Styles aber per-se aber auch nichts schlechtes und auch nichts, was nicht erlaubt wäre, daher denke ich, dass Contao das - losgelöst vom aktuellen Beispiel mit dem Layerslider - richtig handhaben sollte. Aber mal schauen, was Leo dazu meint...

[Aybee]

Wie kommt dein obiges HTML denn in das Inhaltselement? Hast du es als CE HTML od. Text dort eingegeben? Wenn ja, kannst du es ja entfernen.

Ich glaube nicht, dass wir alle möglichen inline Style Angaben im BE auffangen können.

[leofeyer]

Ich wüsste hierzu auch ad hoc keine Lösung.