Also ich glaube das Modul erzeugt fehlerhaftes HTML.
Ich habe eigentlich zwei Spalten links (grid11 und rechts grid5). Sobald ich ein twentytwenty Element in "links" einbaue rutscht "rechts" in das Element von twentytwenty. Als ob dort ein schließendes DIV fehlt.
Edit:
Fehler gefunden!
In deinem Template ce_twentytwenty.html5 ist das letzte DIV kein schließendes Div sondern ein öffnendes
Code:
<div class="afterbefore-container" id="twentytwenty-id<?=$this->id; ?>">
<div style="width: <?=$this->Before->arrSize[0]; ?>px;" class="twentytwenty-container" data-orientation="horizontal">
<img src="<?= $this->Before->src; ?>" <?= $this->Before->imgSize; ?>>
<img src="<?= $this->After->src; ?>" <?= $this->After->imgSize; ?>>
</div>
<div>
Es wäre auch schön wenn dieses ce_ Element, wie andere Elemente auch, ein ce_inside bekommt
Also quasi:
Code:
<?php $this->extend('block_searchable'); ?>
<?php $this->block('content'); ?>
<div class="ce_inside">
<div class="afterbefore-container" id="twentytwenty-id<?=$this->id; ?>">
<div style="width: <?=$this->Before->arrSize[0]; ?>px;" class="twentytwenty-container" data-orientation="horizontal">
<img src="<?= $this->Before->src; ?>" <?= $this->Before->imgSize; ?>>
<img src="<?= $this->After->src; ?>" <?= $this->After->imgSize; ?>>
</div>
</div>
</div>
<?php $this->endblock(); ?>
Ein Problem bleibt aber nach wie vor. Das Ganze ist nicht responsive...vermutlich deshalb weil im Template nicht das Picture-Element <?php $this->insert('picture_default', $this->picture); ?> sondern ein ganz normales img Tag verwendet wird!?
Lesezeichen