yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » CSS: Absolute Position auch beim Scrollen

CSS: Absolute Position auch beim Scrollen

MISTAX
Hallo,

ich möchte, dass ein Bild immer unten links im Eck angezeigt wird.

Code:

code: 
1:
2:
3:
4:
5:
6:

#element {
position: absolute;
left: 0px;
bottom: 0px;


Funktioniert soweit ganz gut, wenn ich das Fenster kleiner ziehe, wandert das Bild mit, wenn ich das Bild größer ziehe ebenfalls.

Wenn ich nun aber die Website scrolle, bleibt das Bild an seiner Position und scrollt "weg" anstatt unten links im Eck zu bleiben.

Wie stelle ich das also an?
Schweinebacke
in etwa so:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>fixed</title>
<style type="text/css">
body {
margin:0;
padding:0;
height:1500px;
color: #000;
background: #fff;
}
#b1 {
position:fixed;
overflow: hidden;
left: 0px;
bottom: 0px;
width:150px;
height:150px;
background-color:#afa;
}
</style>
</head><body>
<div id="b1">b1 fixed</div>
</body></html>
codingnoob
Falls du Schweinebackes Hinweis zu unübersichtlich findest: Das Stichwort heißt position:fixed, wird aber vom IE bis mind. Version 6 nicht interpretiert, so wie ich das sehe. (Aber wer codet schon IE-tauglich Ne, so nicht! )
MISTAX
Zitat:
Da sich der Seiteninhalt scrollen lässt, werden absolut positionierte Elemente mitgescrollt.


Nun bin ich mäßig verwirrt... Ich habe das Element auf absolut und es verhält sich wie ein fixed...

Sprich, wenn ich runterscrolle scrollt das Element nicht mit, sondern bleibt.

Habe fixed auch schon probiert gerade, das macht aber was ganz anderes...


EDIT:

Ich habs! Das ist der springende Punkt:

code: 
1:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">


Und dann position auf fixed.

Vielen Dank!!!
Forensoftware: Burning Board, entwickelt von WoltLab GmbH