YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » CSS: Absolute Position auch beim Scrollen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.771 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen CSS: Absolute Position auch beim Scrollen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
MISTAX MISTAX ist männlich
Mitglied


images/avatars/avatar-864.jpg

Dabei seit: 25.03.04
Beiträge: 41
Herkunft: BW
Forenversion: WBB2.1.3 + 1.2 Beiträge: Voll viele ;)

 CSS: Absolute Position auch beim Scrollen Antworten Zitieren Editieren Melden       UP

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?

__________________
Chaos ist auch Ordnung - nur komplexer Augenzwinkern

11.10.07 16:38 MISTAX ist offline E-Mail WWW Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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>
11.10.07 19:37 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

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! )

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von codingnoob: 11.10.07 20:43.

11.10.07 20:43 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
MISTAX MISTAX ist männlich
Mitglied


images/avatars/avatar-864.jpg

Dabei seit: 25.03.04
Beiträge: 41
Herkunft: BW
Forenversion: WBB2.1.3 + 1.2 Beiträge: Voll viele ;)

Themenstarter Thema begonnen von MISTAX
Antworten Zitieren Editieren Melden       UP

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!!!

__________________
Chaos ist auch Ordnung - nur komplexer Augenzwinkern

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von MISTAX: 13.10.07 13:29.

13.10.07 13:21 MISTAX ist offline E-Mail WWW Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

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