Vertikale Linie bis ganz unten

[willi0513]

Hallo zusammen,

Zu dem Thema findet man zwar sehr viel im Internet, aber nichts, was mein Problem löst.
Ich habe eine Kopfzeile, ein 3 spaltiges Layout und eine Fusszeile.
Die beiden Randspalten haben jeweils ein border:left und right. height ist auf 100% gesetzt.
Die beiden Ranspalten beinhalten das Menü und einige Tipps. Das füllt den Bildschirm allerdings nur zur Hälfte aus.
Wenn die Hauptausgae in der mittleren Spalte länger wird, dann hört 'border' bei 100% auf. Bei meinem Bildschirm
brauche ich nur ein kleines Stück runter scrollen und die Linien hören da schon auf.
Hier mal der Code:

.randspalte {
width: 20%;
max-width: 200px;
height: 100%;
border-right: solid 1px #823288;
border-left: solid 1px #823288;
}

.mittelspalte {
float: left;
padding-top: 0px;
margin-left:auto;
margin-right:auto;
max-width:59%;
}

Wie erreiche ich es, dass die Linien immer ganz runter bis zur Fußzeile gehen?
Ich habe schon probiert, border in die Mittelspalte zu setzen, aber dann werden die Spalten unterschiedlich breit,
je nachdem, wie breit die Ausgabe in der Mittelspalte ist.
Ich habe mal ein Testfile hochgeladen, bei dem man sehen kann was ich meine:

3w. aktivsingles-hamburg .de/php/forum.php

Leider ein bisschen zerhackt, aber ich darf keine URLs hochladen.


Gruß Willi

[sejuma]

Du brauchst eine Hintergrundgrafik, die sich vertikal kachelt und die du einem gesamtumfassenden wrapper zuweist. "Faux Columns": http://www.ohne-css.gehts-gar.net/0005.php

[willi0513]

Danke für die Antwort.
Diese Seite habe ich leider nicht gefunden, trotz viel Suchen.

Gruß
Willi

[djheke]

Eine Grafiklose Alternative lässt sich mit den Pseudeelementen :before und :after unsetzen.
P.S. Grundlagen vorausgesetzt.

[djheke]

Hier mal ein Beispiel

Funktioniert nicht im IE kleine 8.

[willi0513]

Danke für dein Beispiel.
Funktioniert das denn auch, wenn die Ausgaben in den Spalten unterschiedlich lang sind?

Willi

[djheke]

Ja, denn #seite ist immer der längste Container.