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...
Homepage selbermachen 7.852 Themen, 35.619 Beiträge
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
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.
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
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... !!!