Ich hab nun selbst eine Lösung gefunden. Es ist tatsächlich ganz ohne JavaScript möglich.
<html><head><style type="text/css">
* {
margin: 0;
padding: 0;
}
#center {
margin: 0px auto;
width: 200px;
overflow: hidden;
}
#container {
overflow: visible;
}
#inhalt {
float: left;
width: 100%;
background-color: white;
border-left: 20px solid blue;
}
#spacer {
float: left;
margin-bottom: -50px;
padding-bottom: 50px;
width: 20px;
height: 0px;
background: blue;
}
#ende {
height: 100%;
}
</style></head><body>
<div id="center">
<div id="container">
<div id="inhalt">
<p>Text<br/>Mehr Text<br/><br/><br/><br/><br/><br/>
<br/><br/>text<br/>text<br/>text<br/>Letzte Zeile</p>
</div>
<div id="spacer"></div>
</div>
<div id="ende"></div>
</div>
</body></html>