Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
636
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von Cyberbird
    Cyberbird Cyberbird ist offline Mitglied Bronze
    Registriert seit
    May 2003
    Beiträge
    40
    Hi!

    Ich habe folgendes Problem:
    Ich habe eine Seite erstellt, in der der Inhalt in einem div scrollt. Dieses div hat ein Hintergrundbild, das beim scrollen an seiner Position bleibt.
    Hier findet ihr die Seite
    Im IE funktioniert es, im Firefox nicht. Warum?
    Das hier ist der relevante Teil des stylesheets:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    div.content {
        width: 546px;
        height: 369px;
        background-image: url(../grafiken/content_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        background-attachment: fixed;
        overflow: auto;
        padding: 10px 0px 10px 0px;
        text-align: left;
    }

    Kann mir vielleicht jemand helfen?
    Cyberbird
     
    .-=23=-.

  2. #2
    Registriert seit
    Jun 2004
    Ort
    Lübeck
    Beiträge
    497
    Könnte das gleiche Phänomen sein dass mich von den Div's vertrieben hat...
    Meine Erfahrung nach etwas herumprobieren:
    Im Firefox wird der Hintergrund des <div> relativ zum Fensters, NICHT zum eigentlichen div ausgerichtet.
    Versuch mal die background-position mit festen Werten zu belegen. Mich hat es aufgrund meines etwas anderen Problemes nicht weiter gebracht, aber für deine Seite könnte es die Lösung sein

    Ciao
    Larayna

    PS: wenn der IE dann wieder falsch anzeigt.. weiss ich auch nicht weiter.
     
    ====================
    It isn't true unless it makes you laugh...

    ...but you don't understand untill makes you weep.
    ====================

    Do what thou wilt shall be the whole of the law.

  3. #3
    Registriert seit
    Nov 2002
    Ort
    Altdorf bei Nürnberg
    Beiträge
    3.027
    Einfach die background-position Eigenschaft in folgenden Block einbauen:
    Code :
    1
    2
    3
    
    body > div.content {
      background-position: 123px 456px;
    }
    Dann interpretiert es nur der Firefox und Opera.

    Was der Opera allerdings dann mit dem Hintergrund macht, weiss ich leider nicht.
     

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 25.04.10, 05:58
  2. Background fixed Problem
    Von xkoy im Forum CSS
    Antworten: 7
    Letzter Beitrag: 27.03.10, 15:42
  3. IE7 background:fixed-Problem
    Von mckruep im Forum CSS
    Antworten: 4
    Letzter Beitrag: 22.08.09, 18:09
  4. Problem mit background-attachment: fixed
    Von tim-pong im Forum CSS
    Antworten: 9
    Letzter Beitrag: 02.06.07, 16:27
  5. Fixed Background
    Von Honda_Civic_R im Forum CSS
    Antworten: 7
    Letzter Beitrag: 04.01.04, 11:50