Hallo Matthias,
ok, so sollte es nun in allen Auflösungen richtig funktionieren (noch kein responsives Design)
.slider {
position: relative;
padding: 0;
}
.slider::before {
content: '';
position: absolute;
top: 208px;
left: -27px;
width: 80px;
height: 80px;
background-color: transparent;
transform: rotate(0deg);
border-left: 10px solid #0b1751;
border-bottom: 10px solid #0b1751;
}
.slider::after {
content: '';
position: absolute;
top: -27px;
right: -28px;
width: 80px;
height: 80px;
background-color: transparent;
transform: rotate(0deg);
border-right: 10px solid #0b1751;
border-top: 10px solid #0b1751;
}
Wer möchte, kann es gerne hier nochmals testen und mir eine Rückmeldung geben, sollte noch ein Fehler vorhanden sein: http://jnnbo.bplaced.net/test123.php