Login

#1 (**permalink**) 06-07-2007, 15:29

Hi,

ich hab derzeit folgendes Problem: ich will mein Hintergrundbild so positionieren also mit "background-position:bottom", dass das Bild immer am unteren Rand der Seite ist. Dies funktioniert nicht, das Bild ist zwar da, aber man sieht es nur oben vielleicht 10px. Wie funktioniert dass dann, dass der Background immer nur unten ist?

mfg

Powermax90

#2 (**permalink**) 06-07-2007, 15:54

Zitat:

Original geschrieben von powermax90
ich will mein Hintergrundbild so positionieren also mit "background-position:bottom", dass das Bild immer am unteren Rand der Seite ist.

Unterer Rand von "Seite" oder Viewport?

Und von welchem Element reden wir eigentlich?

#3 (**permalink**) 06-07-2007, 15:55

ja dumm von mir ^^

von der Seite. Also egal wie lang die Seite ist, dass das Hintergrundbild immer unten ist am unteren Rand der "Seite" ist.

#4 (**permalink**) 06-07-2007, 16:11

background-position:fixed?!

#5 (**permalink**) 06-07-2007, 16:12

fiexed funktioniert zwar genauso wie die normale Anzeige, bei der das BG-Bild am oberen bildrand ist. Ich möchte es gerne am Unteren Bildrand haben.

#6 (**permalink**) 06-07-2007, 16:22

Hast du verstanden, was mit Viewport gemeint ist?
Und warum beantwortest du nur die Hälfte der Rückfragen?

#7 (**permalink**) 06-07-2007, 16:24

ich weis zwar das Vieport Darstellungsfeld heißt aber sagen tut mir das nicht wirklich etwas .... sry

#8 (**permalink**) 06-07-2007, 16:31

Viewport = Anzeigebereich im Browser.

Willst du das BIld dort "immer unten" stehen haben, also fixiert am Viewport?
Oder eben "unten am Ende der Seite", so das man es bei längerer Seite erst durch runterscrollen erreicht?

Und die zweite Rückfrage hast du immer noch nicht beantwortet, Herrgottnochmal ...!

#9 (**permalink**) 06-07-2007, 16:35

ja das mit der unteren ende der Seite.... , wa smeinst du mit Element? Body den allgemeinen Body in CSS !!! (bin weg 2 Std.)

#10 (**permalink**) 06-07-2007, 17:20

Zitat:

Original geschrieben von SelfHTML
Mit background-position: können Sie festlegen, wo die linke obere Ecke der Hintergrundgrafik sein soll. Der erste Wert steht für die horizontale, der zweite für die vertikale Position. Bezugspunkt ist das HTML-Element, für das die Hintergrundgrafik definiert wird.

Ist es eventuell das?

#11 (**permalink**) 06-07-2007, 18:37

ne, nicht wirklich. Es soll ja Relativ sein, also umso länger die Seite, egal wie lang ist das Hintergrundbild immer am Boden (bottom) der Seite.
Habs leider immer noch nicht herausgefunden wies geht

#12 (**permalink**) 06-07-2007, 18:56

Zeig mal Code.

#13 (**permalink**) 06-07-2007, 18:59

und was hat dich daran gehindert, dem body die entsprechenden css-anweisungen zuzuweisen?

gruß
peter

#14 (**permalink**) 06-07-2007, 19:04

Code:

body {
     background-position: bottom;
     ...
}

#15 (**permalink**) 06-07-2007, 19:06

ja das is ne gute frage:

Hier mal der Code:

body { background-image:url(../images/main_background.jpg); background-repeat:repeat-x; background-position: bottom; background-color:#D3E9F4; }

Das Funktioniert nicht, da das Bild nicht unten angezeigt wird, sondern nur 5px des Bilder sichtbar sind, und diese 5px hängen oben im top!

Im IE7 funktioniert die normale Anweisung, dass das BGBild immer unten sein soll. Kann es vielleicht etwas damit zu tun haben, dass ich Firefox Gran Paradiso benutze?, übrigens hab ich ne Testseite gefunden wo man dies ausprobieren kann, kann mal eine schauen, ob wenn er bei b-position: bottom eingibt, der Smylie am Boden ist?

Testseite zur Background-Positionierung