Jnnbo: Google Chrome stellt es richtig da, Firefox leider nicht :/

Beitrag lesen

Hallo Matthias,

position richtig verwenden

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