Hallo, ich habe mit css die Layerhöhe auf 100% gebracht, was soweit auch ganz gut funktioniert. Es handelt sich dabei um einen Layer der als Hintergrundbild eine gestrichelte Linie hat, die sich stets bis zum unteren Festerrahmen ausdehnen soll.
Mein Problem ist nur, daß wenn der Seiteninhalt größer als das Fenster ist und ich vertikal scrollen muß, sich der Layer eben nur an der Fensterhöhe und nicht an der Seitenhöhe orientiert. Also reißt beim Scrollen auch die Linie ab!
http://www.baumann-und-sohn.de/anfahrt.html
Hat jemand vielleicht eine Idee, wie man die 100% Höhe des Layers mit der maximalen Höhe von Seiten- und Fensterhöhe verknüpfen kann? Also mit der Seitenhöhe die den größten Wert hat!
Code:
css:
#gestrichelte-linie {
position:absolute;
left:733px;
top:0px;
width:1px;
height:100%;
z-index:3;
background-image: url(images/line_gestrichelt.png);
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100%;
background-color: #9eb1c8;
background-attachment: scroll;
background-image: url(images/background.png);
background-repeat: repeat-y;
background-position: left;
}
<div id="gestrichelte-linie">
<table width="1" height="316" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="1"></td>
</tr>
</table>
</div>
Die Tabelle im Layer dient ldgl. dazu, die gestrichelte Linie nach oben hin weiß abzudecken.