tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
321
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Banni Banni ist offline Mitglied Silber
    Registriert seit
    Feb 2005
    Beiträge
    53
    Moin Leutz,

    Ich bins mal wieder der Banni und habe heute mal wieder ein kleines aber lösbares (denk ich mal) problem für euch:

    Da ich einen h:over effekt nicht in Javascript machen soll, sondern in CSS hab ich das wie folgt gelöst:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    
    div#content a.ansicht {
        display: block;
        width: 225px;
             height: 225px;
         background-image: url("Images/ansicht_hover.jpg");
             cursor: default;
    }
     
    div#content a.ansicht:hover {
        display: block;
             background-position: right;
    }

    Problem is nun wie folgt,

    Das Bild sollte eigentlich in der Mitte positioniert sein, was er auch im IE einwadfrei macht, im firefox allerdings schied er das ganze zur linken Seite.

    Und jetzt die Frage: Warum macht der FiFo das ?
     

  2. #2
    Maik Tutorials.de Gastzugang
    Probier es mal so, damit die Hintergrundgrafik horizontal zentriert wird:

    Code :
    1
    
    background-position: center top; /* Position von links u. oben */
     

  3. #3
    Banni Banni ist offline Mitglied Silber
    Registriert seit
    Feb 2005
    Beiträge
    53
    Danke für die schnelle Antwort, habs aber schon anders gelöst. Da das problem ja nur beim FiFo auftritt, habe ich dem Background ein margin: auto; gegeben funktioniert wunderbar, nur sollte man beachten das es nur für den firefox geht und nicht für den IE, da aber das problem nur beim Fifo war, und bei allen anderen browsern es funtkioniert, iss das problem gelöst...
     

Ähnliche Themen

  1. :hover-Problem
    Von sight011 im Forum CSS
    Antworten: 2
    Letzter Beitrag: 08.03.10, 07:11
  2. Hover Problem
    Von BillaBong im Forum CSS
    Antworten: 4
    Letzter Beitrag: 09.07.09, 12:55
  3. Problem hover und ie
    Von david99 im Forum CSS
    Antworten: 9
    Letzter Beitrag: 03.04.08, 22:14
  4. Hover-Problem im IE6
    Von heddesheimer im Forum CSS
    Antworten: 6
    Letzter Beitrag: 04.09.05, 20:27
  5. Antworten: 0
    Letzter Beitrag: 06.10.04, 14:03