Arne: Grafiken ausrichten in einer Box/div

Beitrag lesen

Hallo,

ich versuche folgendes:

  • eine Box mit Rahmen, mit fester Höhe und variabler (der Seitenbreite angepassten) Breite
  • Darin 3 Grafiken, eine ganz links, eine ganz rechts und eine in beiden Achsen zentriert
  • die Rahmenbox soll immer mindestens so breit sein, dass sie alle 3 Grafiken aufnehmen kann, ohne umzubrechen (müsste mit "min-width:[Breite aller Grafiken]" ja funktionieren.)

Leider kriege ich das nicht hin. Sobald ich anfange die mittlere Grafik irgendwie auszurichten, rutscht die rechte Grafik eine Zeile nach unten.

Desweiteren schaffe ich es nicht die mittlere Grafik vertikal zu zentrieren. Da die Höhe fest ist, kann ich hier mit "padding-top:20px" arbeiten, was ich aber nicht schön finde.

Tabellen möchte ich möglichst vermeiden. sowas muss doch mit CSS möglich sein.

Hier eine Demonstration:
http: http://www.scheibenwelt.org/boxtest.html

Ich bin für jeden Hinweis dankbar.

Arne