Hallo zusammen, es geht um folgende Seite:



Bei einer Auflösung von über 1280x800 klappts, aber wenn man das Fenster kleiner zieht oder die Auflösung des Monitors generell kleiner ist, dann sieht man nicht mehr viel. Siehe hier:

Vergleich:



Hier passt noch alles, weil genug Auflösung vorhanden ist.



Hier brichen dann die Buttons weg, weil zu wenig "Höhe" vorhanden ist.



Jetzt würde ich gerne das die Fotos bei genug Auflösung Ihre Größe haben wie gerade. (570px Höhe). Sobald jedoch das Browserfenster / Auflösung zu wenig ist, würde ich gerne reduzieren.

Sowas kann ich doch über %-Angabe regeln?

Ich habe einmal das "content" div:




Und einmal den Code für den Content dann und die Einfügung der Galerie:

...

[/CODE]


Wie kann ich es so umbauen das er die Fotos verkleinert wenn es nötig ist? Wichtig ist das die Fotos exakt in der Mitte bleiben.

Vielleicht kann mir jemand von euch helfen!

Zusatz: Hier verändert es sich sehr gut http://www.noahkalina.com/
Jedoch funktioniert es bei mir nicht mit 100 %.

Hi,

ließ dir mal das hier durch:
http://www.tutorials.de/css/361249-b...sters-wie.html

Ich denke du musst JavaScript einsetzen. Wenn du dir den Quelltext von deinem Link anschaust wirst du feststellen, dass auch JavaScript verwendet wurde.

Ansonsten kannst du mal auf CSS-Play nachschauen, dort gibt es evtl. auch ne Lösung.

VG