nicht angemeldet
Hallo Forum,
zu dem folgenden Problem solltet ihr euch diese Seite zu Gemüte führen:
http://www.herold-maschinenbau.de/parser.php?main=work
Im Content-Bereich seht ihr eine Grafik, umrandet mit Textabschnitten. Dies ist bis jetzt eine Tabelle nach folgendem Aufbau:
+---------+---------+
| 1 | 2 |
+----+----+----+----+
| 3 | B | 4 |
| +---------+ |
| | 5 | |
+----+---------+----+
Nun bin ich aber dabei, die gesamte Homepage XHTML1.0 Strict- und WAI-tauglich zu machen, was heißt, an Stelle von TABLE-Elementen kommen DIV-Container - und hier liegt der Hase im Pfeffer!
Vereinfacht gesehen habe ich folgende DIV-Konstruktion
<div> <-- [width: 75%]; text-align: center;
[margin-left: 12.5%]; [margin-right: 12.5%]
<div>1</div> <-- float: left; width: 50%; text-align: left;
<div>2</div> <-- float: right; width: 50%; text-align: right;
<div>3</div> <-- clear: both; float: left; text-align: left;
[margin-top: ...px]
<div>4</div> <-- float: right; text-align: right;
[margin-top: ...px]
<img src="B" /> <-- padding: ...px
<div>5</div>
</div>
Was mich stört (habe ich in "[]" geschrieben):
(1) Ich muss für die äußeren Boxen den Abstand zu den oberen explizit angeben. Das ist nicht im Sinne eines "liquiden Layouts". Wie kann ich die Box 4 bis zum unteren Rand der Box 5 ziehen und gleichzeitig den Inhalt vertikal zentriert ausrichten, ohne dabei pixelgenaue Angaben für alle Boxes zu verwenden?
(2) Ich hätte gerne, dass, wenn das Fenster zu schmal wird, die Breite der "Haupt-Box" (75%) vergrößert wird, und nicht, dass die einzelnen DIV-Container untereinander dargestellt werden. Dies sieht nämlich bei den festgelegten Rändern (margin-top) ziemlich "auseinandergezogen" aus.
Das selbe Problem hab ich auf der Site noch mehrfach, aber ich wäre erst einmal für ein Konzept dankbar
Vielen Dank im Voraus,
Benjamin Söllner
Struppi