- MS Windows 8
- Firefox
Hallo,
meine CSS-Klasse sieht folgendermaßen aus:
.foto {
position : absolute;
max-width : 90%;
max-height : 90%;
top : 3%;
}
In einem DIV-Container stelle ich dann das Foto dar:
<div>
<img class="foto" alt="foto" src="galerien/berlin/berlin.jpg">
</div>
Die Darstellung ist (fast) genauso, wie ich sie möchte: egal, wie groß das Browserfenster ist, die Größe des Fotos wird immer proportional angepasst. So soll es sein!
Was leider nicht funktioniert, ist die Zentrierung im Browserfenster. Ich habe alles ausprobiert, leider ohne Erfolg.
Ich kann nur vermuten, dass es an den "max-..."-Angaben liegt, denn bei Angabe einer festen Breite ist die Zentrierung kein Thema.
Hat jemand eine Idee?
Danke, Holger