Positionierung
Knud
- css
Hi,
Ich habe eine HTML-Seite mit 5 Grafiken und möchte diese folgendermaßen positionieren:
eine oben links, eine unten links, eine zentriert, eine oben rechts und eine unten rechts... egal bei welcher Fenstergröße.
Weiterhin sollen die Grafiken sich übereinander legen können, wenn das Fenster zu klein wird.
Sollte z.B. die Grafik in der Mitte so groß werden, dass sie unten aus dem Bildschirm heraus geht, so sollen die Grafiken unten rechts und unten links trotzdem am unteren Bildschirmrand bleiben (nicht am unteren Seitenrand).
Ist das möglich?
Danke schon mal... Knud
Hi,
Tag auch,
Ich habe eine HTML-Seite mit 5 Grafiken und möchte diese folgendermaßen positionieren:
eine oben links, eine unten links, eine zentriert, eine oben rechts und eine unten rechts... egal bei welcher Fenstergröße.
guck mal unter
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm
da wird groß und breit beschrieben, wie man Elemente positionieren kann. Die Größe des Fensters kriegst du durch window.offsetHeight & window.offsetWidth raus.
Weiterhin sollen die Grafiken sich übereinander legen können, wenn das Fenster zu klein wird.
...das machen die dann ganz automatisch.
Sollte z.B. die Grafik in der Mitte so groß werden, dass sie unten aus dem Bildschirm heraus geht, so sollen die Grafiken unten rechts und unten links trotzdem am unteren Bildschirmrand bleiben (nicht am unteren Seitenrand).
Ist das möglich?
Nichts ist unmöglich... :o)
dann lies dir aus screen.height & screen.width noch die Größe des Bildschirms aus.
Danke schon mal... Knud
Hoffe konnte helfen,
Gruzz
marcobk
Hi,
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm
Die Größe des Fensters kriegst du durch window.offsetHeight & window.offsetWidth raus.
das ist hier absolut irrelevant und besser ausschließlich mit CSS zu lösen. right: und bottom: sind deine Freunde. Achtung: Opera benötigt für right/bottom noch width/heigt, um korrekt zu positionieren.
Sollte z.B. die Grafik in der Mitte so groß werden, dass sie unten aus dem Bildschirm heraus geht, so sollen die Grafiken unten rechts und unten links trotzdem am unteren Bildschirmrand bleiben (nicht am unteren Seitenrand).
dann lies dir aus screen.height & screen.width noch die Größe des Bildschirms aus.
Hier ist JS bei absoluter Positionierung nötig. Doch warum so kompliziert? Einfach die Grafiken an das Ende der Seite (im Quelltext), links und rechts ausrichten und fertig.
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html