Probleme mit DIV-Elementen

[Kamil Garbacz]

Guten Tag!

1. Ich hab bereits im Forum nach einer Lösung gesucht, aber keine gefunden, darum => Post.

2. Meine Frage bezieht sich auf folgende Seite:

http://www.helpmode.de/mypage/page.html

3. Das Problem:

Bei einem maximierten Fenster sieht das ganze so aus, wie ich es mir vorgestellt habe. Dazu sei gesagt, dass ich zum ersten Mal mit DIV Elementen und des Positionierung arbeite. Wenn ich das Fenster, sowohl im IE, Opera, Mozilla und Netscape verkleiner bzw. zusammenziehe, dann taucht rechts die Scrollbar auf. Das problem aber ist, dass wenn ich nun herunterscrolle, nehmen alle Elemente (height: 100%;) zwar die volle Höhe des grad angezeigten Fensterausschnitts an, aber gehen auch "sozusagen nicht darüber hinaus" wenn ich herunterscrolle. Erst recht verschiebt sich das ganze, wenn ich Elemente wie Bilder oder Ähnliches hinzufüge!

Hier der css-Code:

BODY.index {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
min-height: 100%;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-attachment: fixed; /* Wasserzeichen-Effekt */
}

DIV.part_01 {
position:absolute;
left: 200;
height: 100%;
width: 16;
z-index: 3;
        background-image: url(images/start_part01.jpg);
background-repeat: y-repeat;
}

DIV.logo {
position:absolute;
top: 0px;
left: 200;
height: 406;
width: 63;
z-index: 2;
}

DIV.part_02 {
position:absolute;
left: 258;
height: 100%;
width: 16;
z-index: 3;
        background-image: url(images/start_part01.jpg);
background-repeat: y-repeat;
}

DIV.style_background_01 {
position: absolute;
left: 274;
height: 100%;
width: 223;
z-index: 1;
        background-color: #565C64;
}

DIV.style_background_02 {
position: absolute;
left: 497;
height: 100%;
width: 115;
z-index: 1;
        background-image: url(images/background_element_02.jpg);
background-repeat: y-repeat;
}

DIV.text_01 {
position: absolute;
left: 10px;
top: 10px;
}

DIV.text_02 {
position: absolute;
right: 10px;
bottom: 10px;
text-align: right;
}

Hier noch einige Screenshots, falls jemand nicht weis, was ich meine:

normal: http://www.helpmode.de/mypage/screen1.jpg
fehlerhaft: http://www.helpmode.de/mypage/screen2.jpg

Dankeschön!