Gunnar Bittersmann: Bild als Vollbild, aber nur wenn groß genug

Beitrag lesen

@@Klaus:

nuqneH

das auf die volle Größe des DIV angezeigt werden soll

Das heißt was? Soll es die gesamte Fläche ausfüllen (also Teile des Bildes nicht sichtbar sein) oder soll das Bild vollständig zu sehen sein (also Bereiche des Browserfensters nicht ausgefüllt sein)?

Beispiele:
Das Bild hat 1024x768 und der sichtbare Bereich im Browser auch: Das Bild wird in Orginalgröße angezeigt.
Das Bild hat 1024x768 und das Browserfenster 1280x960: Das Bild wird in Originalgröße zentriert dargstellt, also nicht vergrößert. Um das Bild herum ist ein schwarzer Hintergrund.
Das Bild hat 1280x960 und das Browserfenster 1024x768: das Bild wird auf die Größe des Browserfensters verkleinert.

Du hast die Frage nicht beantwortet.

Angenommen, das Bild ist 1024 × 1536 Pixel groß, das div (nehmen wir mal an, es wäre sinnvoll) 1024 × 768. Soll das Bild nun in Originalgröße dargestellt den ganzen Bereich ausfüllen (wobei Teile des Bildes nicht sichtbar wären) oder soll es auf 512 × 768 verkleinert werden?

Der zweite Fall wäre mit '#photo_container img { max-width: 100%; max-height: 100% }' einfach gelöst.

Qapla'

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