zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild absolut positionieren (bottom)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.07.2008, 00:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2008
Beiträge: 2
ZuMe befindet sich auf einem aufstrebenden Ast
Standard Bild absolut positionieren (bottom)

Hallo!

Ich arbeite noch nicht sehr lange mit CSS, doch immer, wenn ich anfange, mich durchzubeissen, stosse ich auf ein- und dieselbe Frage. Vielleicht kann mir ja jemand helfen, diese ein für alle Mal zu lösen. *hoff*
Bestimmt ist es etwas ganz dummes, einfaches.

Ich möchte bei meiner Webseite vier Bilder absolut positionieren. Sie sollen in jeder Ecke der Seite sozusagen den Besucher anspringen.
Um z.b. das obere linke Bild zu positionieren, verwende ich

Code:
Bilddef  {
           position:absolute; top:0px; left:0px;
           background: url(..) no-repeat;   
           }
So weit, so schön. Den Aufruf des CSS-befehls für das Positionieren aller vier Bilder setze ich direkt nach dem <body>-Tag.
Die beiden oberen Bilder werden immer richtig positioniert. Doch die beiden unteren Bilder, positioniert mit bottom:0px und left:0px oder right:0px, richten sich IMMER nach dem unteren Rand des Anzeigebereichs. Ist die Seite also länger als das Browserfenster, sitzen diese beiden unteren Bilder irgendwo in der Mitte, und nicht unten rechts und unten links, wo sie hingehören.
Meines Verständnisses nach sollten sich diese Positionierungen doch an dem übergeordneten Element - also dem <body>-Tag - definieren, und der geht doch auch über die ganze Seite und nicht bloss bis zum Ende des Browserfensters! Warum also geht das nicht? Wie kann ich das lösen?

Ich habe hier im Forum schon ein wenig herumgesucht, aber es scheint, solch ein Problem habe mal nur wieder ich. Ich bin für jederlei Ratschlag sehr dankbar.

Danke & LG,
Suse
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.07.2008, 02:18
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 21.11.2006
Beiträge: 126
Paul Kleinhans wird schon bald berühmt werden
Standard

Code:
position:fixed;
Zitat:
Die Box wird absolut positioniert, also relativ zu ihrem umschließenden Block verschoben, und ist darüber hinaus feststehend hinsichtlich einer bestimmten Referenz. Auf dem Bildschirm bedeutet dies, dass die Box beim Scrollen der Seite stehen bleibt; beim Druck wird das Element auf jeder gedruckten Seite an der gleichen Stelle wiederholt.
Siehe: Positionierung - Einführung in XHTML, CSS und Webdesign

Für den IE 6: stu nicholls | CSS PLaY | emulating position fixed for Internet Explorer
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.07.2008, 09:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2008
Beiträge: 2
ZuMe befindet sich auf einem aufstrebenden Ast
Standard

Hmm.... eigentlich ein guter Vorschlag, den ich auch schon probiert habe. Aber dann scrollen die Bilder mit und richten sich immer noch nach dem unteren ANZEIGEbereich.

Ich möchte erreichen, daß sie erst dann überhaupt auftauchen, wenn man die Seite bis ganz nach unten scrollt.

lg,
Suse
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Box mit runden Ecken, Bild richtig Positionieren Phantasielos CSS 9 27.04.2010 10:51
Bilder in Div absolut Positionieren Maximus1234 CSS 7 08.06.2008 23:13
bild in text positionieren MoJo CSS 22 30.05.2006 17:31
Bild im Container mittig positionieren... 18inch CSS 5 09.07.2005 15:48
Bild rechts positionieren Retrax CSS 3 24.01.2005 18:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:05 Uhr.