Hallo Leute,
vielen Dank für eure Antworten!
Mein Beispiel hatte ich in statischem HTML/CSS gebastelt und habe dort
HTML-Code:
.teaser {
display: table;
table-layout: fixed;
width: 100%;
}
.teaser-element {
display: table-cell;
padding: 6%;
vertical-align: middle;
width: 50%;
}
.teaser-img {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 40vw;
}
Wichtig war mir, dass es immer annähernd Quadrate sind und zwar eine Reihe immer fullsize übers Browserfenster, egal wie viel Inhalt (sind natürlich immer nur Kurztexte) und egal wie breit bis runter auf 768px, darunter kann es dann untereinander erscheinen.
Konnte das aber noch nicht Testen, ob es unter ie9 auch noch funktionieren würde.
Mit CSS krieg ichs wohl hin, aber bei JS als Fallback für ältere Browser hab ich nicht so die Fähigkeiten.
@ mlweb
Flexbox geht auch erst ab ie10 oder?
premium-contao-themes.com hat übrigens einige passende Themes im Programm.
Viele Grüße,
conter
Lesezeichen