Hallo,

in einem div vorgegebener Größe möchte ich ein größeres Bild so anzeigen, dass es so breit ist wie der div und die vertikale Bildmitte auf der vertikalen Mitte des div liegt.

Doch das Bild "klebt" mit der oberen Kante oben am div.

div {  
  position: relative;  
  overflow-y: hidden;  
  max-height: 200px;  
  vertical-align: bottom; /* funzt nicht */  
  vertical-align: middle; /* funzt nicht */  
}  
div img {  
/*display: block; */  
  width: 100%;  
}  

Das CSS clip habe ich mir angesehen, aber da ich die Größe des Bildes nicht kenne (Webcam), wess ich nicht, wie ich das zuschneiden sollte.

Linuchs