Genaue Positionierung

[slowpoke]

Hallo,
ich möchte einen Strich, wie er in dem Bild rechts zu sehen ist, genau an dieser Stelle auf meiner Website haben. Bis jetzt habe ich das mit HTML   gelöst, aber wenn man das Fenster verkleinert rutscht der Strich dummerweise in die nächste Zeile. Und im IE wird er sowieso weiter rechts angezeigt als in Firefox.
Ich habe schon ein bisschen probiert, ihn mit CSS zu fixieren, aber das war mehr Gerate als sinnvoll.

Könnt ihr mir sagen wie ich ihn exakt positioniere? Oder geht sowas auch mit HTML?

Ich habe von CSS nicht wirklich Ahnung.

@Anhang: Gemeint ist der kleine Strich ganz rechts, der folgendes Zeichen ist: |


Danke
Slowpoke

[Mich@el]

Ein Beispiel für die genaue Positionierung eines div-Containers kann mit folgender CSS-Definition vorgenommen werden:

PHP-Code:

#container {
position: absolute;
top: 50px;
left: 70px;
width: 150px;
height: 300px;
border-left-style:solid;
border-right-style:solid;
border-right-color: green;
border-left-color: red;
}
<div id="container">
Inhalt des Containers
</div> 


Die Anweisung erzeugt eine Box mit den Maßen 150 x 399 Pixel, 50 Pixel vom oberen Rand und 70 Pixel vom linken Rand entfernt. Außerdem hat sie rechts einen grünen und links einen roten Rand.

Grüße
Michael

[slowpoke]

Danke. Jetzt habe ich aber den gesamten Code da stehen, wenn ich das Dokument im Browser anzeigen lasse. Wie muss ich den CSS Code denn einfügen? So wie du es gemacht hast direkt in den HTML Code?

Gruß
Slowpoke

[slowpoke]

Okay, wie man das einfügt habe ich jeztzt rausgefunden, ein bisschen google

Aber andere Frage, kann ich statt "border-right-color: green;" bei green auch eine Farbe wie "#FFFFFF" benutzen? Denn die schwarzen Ränder stören. Oder gibt es die Möglichkeit die Ränder zu entfernen?

[Mich@el]

klar kannst Du das machen. Habe das nur als Beispiel genannt. Damit Du Dir gleich was darunter vorstellen kannst.