Gunnar Bittersmann: Bild skalieren css

Beitrag lesen

@@gernberaten:

nuqneH

Selbst wenn du die bisher gegebenen Ratschläge befolgst:

.kbild {
    position: absolute;
    top: 500px;
    max-width: 200px;
    float:left;
    }

  
Hiermit gibst du dem Element eine Maximalbreite.  
  
(float in Verbindung mit position: absolute ist übrigens unsinnig.)  
  

> ~~~css
  

> .kbild:hover {  
> 	width:472; /*Bildgröße fullsize*/  
>         position: absolute;  
>         top: 450px;  
> 	z-index:100;  
>     }  
> 

Hiermit gibst du dem Element im Hover-Zustand eine Breite (wenn der Wert denn gültig wäre), die kleiner ist als die Maximalbreite, welche natürlich immer noch gilt. Das Element wird folglich seine Größe nicht ändern.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)