Forum Doku Wiki Blog

Forumsarchiv 2011, März
Bilder in einem div container

archivierte Beiträge lesen

  1. (CSS) Bilder in einem div container von arthur, 25. 03. 2011, 19:07

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 19:07 Uhr von arthur veröffentlicht.

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.




Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 19:22 Uhr von bleicher veröffentlicht.

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


FirefoxMyth

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 19:33 Uhr von Matthias Apsel veröffentlicht.

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
--
Wer ein Problem beschreiben kann, hat es schon halb gelöst.
                                            (Julian Huxley)

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 19:47 Uhr von Gunnar Bittersmann veröffentlicht.

@@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'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)

Bilder in einem div container

Der folgende Beitrag wurde am 26. 03. 2011, 01:10 Uhr von arthur veröffentlicht.


> > 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

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 20:14 Uhr von Sebastian Goertz veröffentlicht.

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

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 20:50 Uhr von Gunnar Bittersmann veröffentlicht.

@@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'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)

Bilder in einem div container

Der folgende Beitrag wurde am 25. 03. 2011, 21:13 Uhr von Sebastian Goertz veröffentlicht.

Hallo,

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

Viele Grüße,
Sebastian

Bilder in einem div container

Der folgende Beitrag wurde am 26. 03. 2011, 01:39 Uhr von Sebastian Goertz veröffentlicht.

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

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4