Bilder in einem div container

[arthur]

Hallo,

ich habe eine Haufen Bilder unterschiedlicher Seitenverhältnisse.
Die sollen nun alle in gleich große DIV- Container und zwar so, dass Sie diesen Container möglichst ausfüllen, ohne aber ihr Seitenverhältniss zu verlieren.

Keine Scrollbalken.

Wie realisier ich das?
Steh komplett auf dem Schlauch.

[bleicher]

Grüße,
zB indem längste Seite aller Bilder gleich lang ist und Container quadratisch sind?
MFG
bleicher

[Matthias Apsel]

Om nah hoo pez nyeetz, arthur!

ich habe eine Haufen Bilder unterschiedlicher Seitenverhältnisse. Die sollen nun alle in gleich große DIV- Container

warum?

was soll noch in den Container?

wie soll es am Ende aussehen?

Matthias

[Gunnar Bittersmann]

@@arthur:

nuqneH

ich habe eine Haufen Bilder unterschiedlicher Seitenverhältnisse.
Die sollen nun alle in gleich große DIV- Container und zwar so, dass Sie diesen Container möglichst ausfüllen, ohne aber ihr Seitenverhältniss zu verlieren.
Wie realisier ich das?

div img  
{  
  max-height: 100%;  
  max-width: 100%;  
}

Qapla'

[arthur]

Wie realisier ich das?

div img

{
  max-height: 100%;
  max-width: 100%;
}

>   
> Qapla'  
  
  
Wenn ich das bei den Bildern einbaue klappts. Sie bleiben immer schön innerhalb des Containers.  
Prima, Danke

[Sebastian Goertz]

Hallo,

bei einer statischen Seite sollte es ja kein Problem sein. Wenn du die Grafiken aber dynamisch einbindest, könntest du dein Script vorher die Bildmaße auslesen lassen und dann die Werte entsprechend ausrechnen. Ich kann mir auch vorstellen, dass das mir Javascript irgendwie geht. Weiß ich aber leider nicht genau...

Beispielsweise in PHP mit getimagesize

Viele Grüße,
Sebastian

[Gunnar Bittersmann]

@@Sebastian Goertz:

nuqneH

Ich kann mir auch vorstellen, dass das mir Javascript irgendwie geht.

Das wäre aber unsinnig,  weil es mit CSS auch geht.

Qapla'

[Sebastian Goertz]

Hallo,

Das wäre aber unsinnig,  weil es mit CSS auch geht.

Aber wird es dann nicht ins div gestretched!?

Viele Grüße,
Sebastian

[Sebastian Goertz]

Hallo,

Das wäre aber unsinnig,  weil es mit CSS auch geht.
Aber wird es dann nicht ins div gestretched!?

Sorry, <scham>habe das "max-" überlesen - gleich zweimal</scham>

Viele Grüße,
Sebastian