4.) schaue dir nochmals den Syntax von "content" an
Was sollte mir an Content auffallen? Irgendwas, was ich übersehen habe?
Deine Punkte 1 und 2 habe ich behoben.
Ich habe auch dem Wrapper, der Sidebar selbst und der Pseudosidebar Z-Indizes zugewiesen, so dass die Pseudosidebar in der Mitte liegen müsste.
Sidebar und Pseudosidebar sehen jetzt folgendermaßen aus. Habe ich hier irgendwo einen Fehler gemacht?
.sidebar1 {
background:#FFFFFF url(images/inside-background4.jpg);
background-repeat:no-repeat;
width: 170px;
position:relative;
left:722px;
top:0px;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
PADDING-LEFT: 5px;
z-index:2;
}
.sidebar1:before {
content: '';
position: absolute;
width: 170px;
top: 0;
left: 722px;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
PADDING-LEFT: 5px;
background-color: #FF0000;
z-index: 1;
}
Alles anzeigen
(Die Pseudosidebar ist knallrot, damit ich sehe, wenn sie angezeigt wird)
So wie es aussieht wird die Pseudosidebar gar nicht angezeigt, denn selbst wenn ich "left" auf einen Wert stelle, der im Screen, aber außerhalb des Layouts liegen müsste, sehe ich sie nicht.