Hallo!

Ich habe mich schon durch die vielen Themen bzgl .des zentrieren auf der Seite gelesen. Doch habe ich keinen Lösungsansatz für mein kleines Problem gefunden.

Ich habe 3 Zeilen zu 15%, 70% und 15% Höhe angelegt. In der mittleren Reihe möchte ich 3 Boxen in der Größe von 275x450 Pixel platzieren (Diese werte könnten auch Prozentual angegeben werden.).
Soweit kein Problem. Nur möchte ich diese 3 Boxen gerne sowohl horizontal als auch Vertikal in dem mittleren Bereich zentrieren. Meine Versuche mit margin: auto und text-align scheiterten bislang kläglich...

Ich habe hier mal mein bisherige "Werk" hochgeladen. Vielleicht ist ja einer so gütig und könnte mal einen Blick drüber werfen.

Danke!!!

Gruß,
Zappodrom

Bei height auf jeden Fall, denn 450px können schnell zuviel für 70% sein (oder z.B. min-height in px für body dazu). overflow: auto; sollte dann noch dazu, damit die Inhalte nie überlaufen können.

Keine width-Deklar. > volle Breite > keine horiz. Zentr.

Eine Lösung wäre display: table; für #mitte, table-cell und vertical-align: middle; für #box-wrapper, und darin ein div mit Breite und margin: 0 auto;, das die 3 Floats enthält.

Der IE < 8 bekommt dieses Prinzip: Centering (horizontally and vertically) an image in a box

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)