Vertikale Linie, 20px vom rechten Rand

[Marcel]

Hallo,

wahrscheinlich gibt es nichts einfacheres, aber ich finde keine Anfang.
Kann mir jemand sagen wie ich in css eine vertikale Linie, 20px vom rechten Rand über die gesamte Höhe machen kann?

Danke + ein schönes Wochenende

Gruß Marcel

[Luke]

Ich würd einfach n 1px hohes Hintergrundbild nehmen und des vertikal repeaten.

[Marcel]

Ich würd einfach n 1px hohes Hintergrundbild nehmen und des vertikal repeaten.

Hallo,

mein einem Hintergrundbild ist das meines Erachtens nicht machbar, weil, das hatte ich leider am Anfang nicht geschrieben, die Linie über alles andere drüber liegen soll. Also über dem Kopfbereich, dem Menu und Inhalt.

Noch eine Idee?

Danke + Gruß

Marcel

[Fritz]

Hallo,

mit reinem css geht das so:

<div style="margin-left:20px;border-left:1px solid;">Inhalt</div>

Du kannst noch mit padding einen Abstand zwischen Linie und Inhalt mitgeben.

[Fritz]

Habe ich nicht richtig gesehen: statt margin-left margin-right.

[Marcel]

Hallo,

mit reinem css geht das so:

<div style="margin-left:20px;border-left:1px solid;">Inhalt</div>

Du kannst noch mit padding einen Abstand zwischen Linie und Inhalt mitgeben.

Hallo,

danke an Fritz für die Tipps, aber das trifft es noch nicht so ganz. (Liegt aber an meiner knappen Formulierung)
Die Linie soll quasi frei schwebend über das Menu und den Inhalt drüber liegen. Und das wie gesagt, 20px vom rechten Rand von oben bis unten.

Eine Idee wie man das angehen kann?

Gruß Marcel

[OhneName]

Hallo,

mir ist zwar wirklich nicht klar, warum man eine vertikale Linie über den Text haben wollte, aber du scheinst es ja zu wissen.

<div class="linie"></div>

.linie {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 20px;
}

Kann auch sein, dass man hier position: fixed statt absolute nehmen muss, aber das findest du nun auch bestimmt self raus.

Gruss,
OhneName