Marc Philipp: Zentriertes Hintergrundbild "verrutscht"

Ich möchte gerne ein Hintergrundbild mit CSS zentrieren, so wie z.B. hier:
http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm

Allerdings tritt bei obiger Seite in nicht Firefox-Browsern (Opera, IE, Safari) das Problem auf, das bei manchen Fenstergrößen auf der rechten Seite ein 1 Pixel breiter Rand zu sehen ist.

Gibt es hierfür irgendein Workaround? Vermutlich geht das auf irgendeinen Rundungsfehler zurück, also kann man vielleicht die Breite so wählen, dass das Problem nicht auftritt?

  1. Ich möchte gerne ein Hintergrundbild mit CSS zentrieren, so wie z.B. hier:
    http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm

    Was hat die Seite mit Hintergrundbildern zu tun? Ich sehe da nichts dergleichen. Wie man mit CSS Hintergründe zentriert, stegt in SelfHTML http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position

    Gibt es hierfür irgendein Workaround? Vermutlich geht das auf irgendeinen Rundungsfehler zurück, also kann man vielleicht die Breite so wählen, dass das Problem nicht auftritt?

    Äpfel, Birnen, Fragezeichen?? Ich weiß nicht, wovon du redest. Wie wäre es, wenn du deine Seite mal herzeigst, so ganz ohne Code würde ich wie immer dem Föhn die Schuld geben.

    JJ

    1. Was hat die Seite mit Hintergrundbildern zu tun? Ich sehe da nichts dergleichen.

      Der Body hat ein Hintergrundbild, das vertikal wiederholt wird und über background-position zentriert ist.

      Äpfel, Birnen, Fragezeichen?? Ich weiß nicht, wovon du redest. Wie wäre es, wenn du deine Seite mal herzeigst, so ganz ohne Code würde ich wie immer dem Föhn die Schuld geben.

      Nimm einfach obige Seite (http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm), öffne einen der oben genannten Browser und ändere mal die Breite des Browserfensters. Dann wirst du sehen, dass zwischen dem "Feature-Tour"-Block und dem rechten "Rand" manchmal ein Rand von einem Pixel ist und manchmal nicht.

      1. Nimm einfach obige Seite (http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm), öffne einen der oben genannten Browser und ändere mal die Breite des Browserfensters. Dann wirst du sehen, dass zwischen dem "Feature-Tour"-Block und dem rechten "Rand" manchmal ein Rand von einem Pixel ist und manchmal nicht.

        Kann ich nicht nachvollziehen (FF 2.0.11).

        Struppi.

        1. In meinem ersten Post habe ich doch gesagt, dass das Problem nicht in FF auftritt!

          1. In meinem ersten Post habe ich doch gesagt, dass das Problem nicht in FF auftritt!

            OK, deine Formulierung läßt sich leicht falsch lesen. Aber bei mir tritt das Problem auch nicht im IE 7 auf.

            Struppi.

  2. ohne dein Problem in meinem Opera nachvollziehen zu können bei der Seite (und überhaupt ist mir das Problem noch nie untergekommen):

    Wenn Bildrandfarbe und Hintergrundfarbe identisch sind oder wenigstens ähnlich gibt's mit HG-Bildern, die nicht bis zum Browserfensterrand reichen, am wenigsten Probleme.

    1. ohne dein Problem in meinem Opera nachvollziehen zu können bei der Seite (und überhaupt ist mir das Problem noch nie untergekommen):

      Wenn Bildrandfarbe und Hintergrundfarbe identisch sind oder wenigstens ähnlich gibt's mit HG-Bildern, die nicht bis zum Browserfensterrand reichen, am wenigsten Probleme.

      Ich denke, ihr versteht mich beide falsch. Um das zu klären, hier ein Screenshot:
      http://img258.imageshack.us/img258/5313/screenshothomeoperarp4.png

      1. Kompliziert aufgebautes CSS.
        Ohne jetzt weiter suchen zu wollen vermute ich mal, dass der Navi-Teil, den du meinst, einfach nicht am rechten Rand ausgerichtet wird, wie bei dem Layout sinnvoll, sondern vom linken Rand ausgehend versucht wird pixelgenau zu errechnen wie er positioniert sein muss um rechtsbündig abzuschließen.
        Da kann ein Browser schon mal andere Ergebnisse haben.