Hallo!
Wie kann man ein zweispaltiges Design mit CSS innerhalb einer Box mit Mindestgröße und farbigen Hintergrund realisieren, in der sich das Elternelement (Box) den Eigenschaften (Höhe) der Kinderelemente (Bilder und Text) anpasst?
Innerhalb der Box:
Linke Spalte mehrere Bilder übereinander.
Rechte Spalte der Text.
Die Box soll eine Mindesthöhe haben und sich dynamisch an die Höhe der Bilder bzw. des
Textes anpassen.
Das macht uns Probleme, denn entweder:
- wir positionieren in der Box erneut eine Box für Bilder und eine Box für die Texte,
=> dann passt sich die äußere Box in der Höhe nicht an die Höhe ihres Inhaltes an.
oder:
- wir schreiben den Inhalt direkt in die (äußere) Box mit dem farbigen Hintergrund.
Dann haben wir aber das Problem, das wir auf diese Art und weise kein zweispaltiges
Design realisieren können.
oder:
- wir positionieren die Bilder in einem div in der Box und schreiben den Text als Inhalt direkt
in die äußere, farbige Box. Dann passiert aber das, dass sich die Box nur an den Inhalt anpasst,
aber nicht an die Größe der Bilder. Zu große Bilder ragen aus der Box heraus.
Eine Overflow-Funktion wollen wir nicht benutzen.
Der Link zu unserer Testseite:
http://www.biergaerten-nuernberg.de/indexm.html
Wir wären über eine Hilfe und/oder Tipps zur Realisierung dieser Idee sehr dankbar.
Wie kann man ein zweispaltiges Design mit CSS innerhalb einer Box mit Mindestgröße und farbigen Hintergrund realisieren, in der sich das Elternelement (Box) den Eigenschaften (Höhe) der Kinderelemente (Bilder und Text) anpasst?
Innerhalb der Box:
Linke Spalte mehrere Bilder übereinander.
Rechte Spalte der Text.
Die Box soll eine Mindesthöhe haben und sich dynamisch an die Höhe der Bilder bzw. des
Textes anpassen.
Das macht uns Probleme, denn entweder:
- wir positionieren in der Box erneut eine Box für Bilder und eine Box für die Texte,
=> dann passt sich die äußere Box in der Höhe nicht an die Höhe ihres Inhaltes an.
oder:
- wir schreiben den Inhalt direkt in die (äußere) Box mit dem farbigen Hintergrund.
Dann haben wir aber das Problem, das wir auf diese Art und weise kein zweispaltiges
Design realisieren können.
oder:
- wir positionieren die Bilder in einem div in der Box und schreiben den Text als Inhalt direkt
in die äußere, farbige Box. Dann passiert aber das, dass sich die Box nur an den Inhalt anpasst,
aber nicht an die Größe der Bilder. Zu große Bilder ragen aus der Box heraus.
Eine Overflow-Funktion wollen wir nicht benutzen.
Der Link zu unserer Testseite:
http://www.biergaerten-nuernberg.de/indexm.html
Wir wären über eine Hilfe und/oder Tipps zur Realisierung dieser Idee sehr dankbar.
