Announcement

Collapse
No announcement yet.

CSS - Bilddarstellung bei Mozilla doppelt

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS - Bilddarstellung bei Mozilla doppelt

    Hi,


    ich hab folgendes Problem und komm einfach nicht weiter.

    Ich habe eine CSS erstellt mit u.a. unten stehendem Inhalt. Ziel ist es zwei Bilder nebeneinander darzustellen, einmal "MausBild.jpg" und "KatzeBild.jpg" rechts daneben. Wenn man mit dem Mauszeiger über ein Bilder geht, vergrößert sich dieses. Das funktioniert auch alles super.
    Das Problem ist, dass das erste Bild, also "MausBild.jpg" im Mozialla Explorer (alte Version, aber auch die aktuellste) doppelt anzeigt wird, d.h. zuerst wird das Bild in der angegebenen Position angezeigt und genau dadrauf in Richting nach links nochmal das gleiche Bild.
    Ich hab es auch schon probiert mit "no-repeat", bringt aber nichts.
    Beim Internet Explorer wird das erste Bild normal angezeigt.

    Bin verzweifelt.

    Wäre echt toll, wenn jmd helfen könnte!


    HTML Code:
    .ErasBild { 
    	position            :absolute;
    	display			    :block; 
    	background-image	:url(EramusFil.jpg); 
    	left           		: 624.00pt;
    	top            		: 174.00pt;
    	width          		: 185.25pt;
    	height         		: 114pt;
    	z-index			    : 2;	
    }
    
    .ErasBild:hover { 
    	
    	position		    :absolute;
    	background-image	:url(ErasGross.jpg) ; 
    	left           		: 420px;
    	top            		: 60px;
    	width          		: 538pt;
    	height         		: 317pt;
    	z-index			    : 100;
    	
    }
    
    .NansBild { 
    	position            :  absolute;
    	background-image	:url(NansenFil.jpg) ;
    	display			    :  block; 
    	left                : 336.00pt;
    	top                 : 168.00pt;
    	width          		: 178pt;
    	height         		: 114pt;
    
    	z-index			    : 2;	
    }
    .NansBild:hover { 
    	
    	position		    :absolute;
    	background-image	:url(NansenGross.jpg); 
    	background-repeat   :no-repeat;
    	
    	left           		: 250px;
    	top            		: 60px;
    	width          		: 538pt;
    	height         		: 317pt;
    	z-index			    : 100;
    	
    }
    

  • #2
    Hallo,

    für konkrete Hilfe müsstest du schon noch die Auszeichnung im HTML mit angeben oder einen Link unter dem man sich das Ganze ansehen kann. So wird es nur Raterei!

    Anmerkung: Du vermischst für absolute Positionierung px- und pt-Angaben. Bist du dir sicher du weisst dort was du tust? pt ist eine absolute Angabe, während px relativ zum verwendeten Ausgabegerät und von der Pixeldichte abhängig ist.

    Gruß Falk
    Wenn du denkst du hast alle Bugs gefunden, dann ist das ein Bug in deiner Denksoftware.

    Quellcode ohne ein Mindestmaß an Formatierung sehe ich mir nicht an! Ich leiste keinen Privatsupport per Mail oder PN!

    Comment

    Working...
    X