Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Hintergrundbild fixieren trotz Scrollbar (yes/no)

Dr. Disc / 4 Antworten / Baumansicht Nickles

Hi alle Zusammen!!

Ich baue gerade eine Homepage und habe hier im Hauptframe ein Hintergrundbild eingefügt und mittels CSS "background-attachment: fixed; background-position: center;" auch schön zentral fixiert - alles wunderbar !!

In diesem Frame sollen unterschiedliche Seiten dargestellt werden, die teilweise recht lang sind und daher rechts nen vertikalen Scrollbar haben, und teilweise eben nicht.
Mein Problem ist jetzt, daß je nachdem, ob der Scrollbar da ist oder nicht, verschiebt sich das Hintergrundbild um 10 Pixel nach rechts bzw. links und das sieht unruhig und damit sch****e aus !!!

Hat da jemand ne Idee/nen Trick, um Bild wirklich zu fixieren?? Einfach immer "scroll=yes" hatte ich schon mal überlegt, aber das ist auch nicht das Gelbe vom Ei...

bei Antwort benachrichtigen
Rheinlaender Dr. Disc „Hintergrundbild fixieren trotz Scrollbar (yes/no)“
Optionen

Ganz einfach - gib eine absolute Positionierung an.
"background-position: 100px 100px;"
Mit den Werten musst Du mal rumspielen, angegeben ist die obere linke Ecke der Grafik.

Gruß
Rheinlaender

bei Antwort benachrichtigen
Dr. Disc Rheinlaender „Ganz einfach - gib eine absolute Positionierung an. background-position: 100px...“
Optionen

Hatte ich mir auch schon überlegt, aber so kann ich die Seite ja nur für eine bestimmte Auflösung optimieren. In meinem bisherigen Entwurf hatte ich das noch flexibel gehalten und wollte das eigentlich auch gerne so beibehalten (OK, bei 1024er Auflösung sieht die Seite schon besser aus, aber 800er geht auch noch ;-) !!).

Ich suche also ne Möglichkeit, das dynamisch zu machen.

bei Antwort benachrichtigen
Nasser Dr. Disc „Hintergrundbild fixieren trotz Scrollbar (yes/no)“
Optionen

Hi Dr.Disc!

Sorry, ich habe Null Ahnung davon.

Wenn man Prozent nimmt, dann müsste sich das doch automatisch bei der geänderten Auflösung anpassen!?

MfG Nasser

;) Und immer trocken bleiben.
bei Antwort benachrichtigen
Dr. Disc Nasser „Hi Dr.Disc! Sorry, ich habe Null Ahnung davon. Wenn man Prozent nimmt, dann...“
Optionen

Hallo Nasser!!

Genau da liegt mein Problem: sowohl "center" als auch Prozentangaben orientieren sich (zumindest beim IE6.0 & Firefox 0.9.3, mit denen ich das Layout teste) an der effektiven Größe des Frames. Und sobald der Scrollbar rechts nötig ist und dargestellt wird, nimmt die effektive Framegröße ab und mein Hintergrundbild rutscht 5-10 Pixel weiter nach links.

Aber auf alle Fälle schon mal Danke an Rheinlaender und Dich für die bisherigen Tipps... !!!

bei Antwort benachrichtigen