Bilder mit der optimalen Größe anzeigen

[Jonas]

Hey,

Du wirst aber feststellen, dass das nur eine seitliche Zentrierung bewirkt. Ich würde also zu einer Mischlösung raten:
margin: 3% auto;
Dadurch hast du horizontal noch die gewünschte Zentrierung unabhängig von der Bildbreite und nach oben und unten hin mindestens 3% Abstand - so dass die Bilder immer am oberen Rand angedockt sind und im Fall von Hochformat-Bildern eine Zentrierung in beiden Richtungen stattfindet.

Es ist mir schleierhaft warum margin: 3% auto; etwas eigenartiges mit dem Layout anstellt: oberhalb des Bildes ist ca. 1,5 Mauszeiger Platz zum Dokumentrand und unterhalb sind es ca. 0,5...

img {  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    max-height: 94%;  
    max-width: 94%;  
    margin: 3% auto;  
}

Grüße, Jonas