background-position: bottom; geht nicht

[Paulles]

hey Community,

wie der titel schon sagt, funktioniert es nicht....

zu finden hier.

Vielen Dank.

 

[Gunzi]

Soll nicht unhöflich klingen aber ich seh das Problem nicht könntest du sagen wo das Problem ist, vllt. Code posten oder wie es aussehen soll?

 

[alogheo]

Ich find auf der Seite kein background-position: bottom...

 

[Gunzi]

Ich find auf der Seite kein background-position: bottom...

Hab mir jetzt alles durchgeschaut, jede Zeile Code, und ich find auch keins...

 

[Elroy]

Hallo.

Ich habe in deinem CSS auch kein background-position: bottom finden können.
Allerdings ist mir aufgefallen das ich dein Menü nicht komplett zu Gesicht bekomme. Anscheinend ist mein Viewport nicht breit genug.

Vielleicht solltest du dein Layout noch einmal überdenken.

Gruss
Elroy

 

[Paulles]

der grüne balken hat ja
background-position: bottom;

sitzt aber an der "top"

es gibt kein fliegendes gras...



body {
background:#FFFFFF url(./images/gras.png); bottom right;
background-repeat: repeat-x;
background-position: bottom;
text-align:left;
color:#666;
font-size:12px;
font-family:georgia, 'time new romans', serif;
margin:0 auto;
padding:0;
z-index:0;

 

[alogheo]

dein css sieht bei mir aber so aus:

body {
background:#FFFFFF url(./images/bg.png); none repeat
background-attachment: fixed;
text-align:left;
color:#666;
font-size:12px;
font-family:georgia, 'time new romans', serif;
margin:0 auto;
padding:0;
}

background:#FFFFFF url(./images/gras.png)[B][U];[/U] [/B]bottom right;

Das Semikolon hinter url(...) muss weg

 

[Gunzi]

Es scheint mir als wäre das auf deinem PC und noch nicht auf dem Server, denn online finde ich das:

body {
background:#FFFFFF url(./images/bg.png); none repeat
background-attachment: fixed; 
text-align:left; 
color:#666; 
font-size:12px; 
font-family:georgia, 'time new romans', serif; 
margin:0 auto; 
padding:0; 
}

 

[mermshaus]

Die Positionierung klappt wunderbar, das body-Element ist nur schlicht und ergreifend nicht höher. Du fuhrwerkst da mit absoluter Positionierung und so rum.

Ein Anfang ist:

html,body { height: 100%; }