Background position im IE und FF

[Corsachriz]

Moin. habe folgendes Problem:

Meinen Hintergrund (jedenfalls einen Teil davon) habe ich mit

body { bgcolor:#77BBFF; background-image:url(../images/bg.gif); background-repeat: repeat-x; background-position: bottom;}

eingebunden.

Der IE zeigt alles an wie es sein soll, der FF klatscht den Hintergrund nach ganz oben, warum (Boris ;-) ) ?

zu sehen auf: www.relaxcenter-berlin.de

Gr33tz und schönen Tag noch :-)

für die background-position sind zwei angaben vorgesehen, erst die position auf der x-achse und dann die positiob auf der y-achse.

background-position: left bottom;

oder auch

background-position: 0 100%;

oder alle zusammen

background: #7BF url(../images/bg.gif) repeat-x 0 100%;

[Corsachriz]

Mhh leider ändert das alles in keinster Weise die Darstellung im FF...

Und nu?

Zitat von Corsachriz

Und nu?

...wär´s mal ganz praktisch, den rest zu sehen

[xynn]

Gib mal deinem body einen rahmen: body {border: 1px solid red;...}

Dann siehst du im Firefox, dass dein Body eigentlich keine höhe hat sondern oben gleich wieder aufhört. Das liegt sehr wahrscheinlich daran, dass du deinen gesamten Inhalt absolut positionierst. Wenn du davon weg kommst (was eh zu empfehlen ist) sollte das Problem erledigt sein...

Ach und in css heißt es background-color und nicht bgcolor

[IMBild]

hi,

ein Body eigentlich keine höhe hat sondern oben gleich wieder aufhört. Das liegt sehr wahrscheinlich daran, dass du deinen gesamten Inhalt absolut positionierst

genau, und deshalb gib ihm die Höhe:

html {
height:100%;
}

löst dein Problem !

Du solltest aber noch ma über deinen Quellcode, da sind noch ein paar Schnitzer drin (nur ma nebenbei)