Ich möchte 3 DIVs mit CSS zentrieren. Klingt trivial, doch nun kommen die Restrictions:
1. Die DIVs sollen eine feste Höhe und Breite haben.
2. Die DIVs sollen nebeneinander angeordnet werden.
3. Die DIVs sollen zentriert werden.

Bei display: inline; kann ich Höhe und Breite nicht bestimmen.
Bei display: block; macht er mir einen Zeilenumbruch.
Bei float zentriert er nicht.
display: inline-block; wird nur von Opera unterstützt.
Tabellen sollen (wie auch der <center>-Tag) nicht verwendet werden.

Idee?

Damit hatte ich es auch probiert.
Allerdings vergaß ich die Weitenangabe (im Beispiel bei #page).
Diese wird offenbar benötigt und ergibt sich nicht aus den Elementen darin.

Dankeschön.

Edit:
Für Leute die genauso verwirrt waren wie ich:
Nach einigen googeln hab ich rausgefunden, dass "sodele" soetwas wie "so" bedeutet.

Und wie soll man das Problem lösen, wenn eines der Divs (das Mittlere) keine feste Breite hat?

Nein.
Dort wird nichts zentriert. Und wenn etwas zentriert wird (in anderen Layouts), dann (wie bei dir oben) mit einem Container, der eine feste Breite hat.

Edit:
Ich zeige nochmal in einem Beispiel was ich möchte:


#page soll zentriert werden. Der Inhalt soll nebeneinander auf einer Zeile dargestellt werden.
#box1 und #box3 haben eine feste Höhe und Breite.
#box2 beinhaltet text, dessen Breite sich nicht vorraussagen lässt.
Dadurch kann man die Breite von #page nicht vorraussagen und damit funktioniert dir obige Variante nicht.

#page hat immer noch eine feste Breite.

Ich glaube es ist nicht ganz klar was ich eigentlich will.
Die id page ist auch unglücklich gewählt.


Konkret habe ich eine Liste, die auf mehrerenen Seiten verteilt ist.
Dafür brauche ich einen Listenkopf mit einem Preview-Link --> in box1, einem Text (Seite X von Y) --> in box2 und einem Next-Link --> in box3.
Die Höhe und Breite der Links soll (zwecks Hintergrundbild) fest gesetzt sein. Der Text aber logischerweise nicht.
Alle 3 Sachen sollen in der Mitte über meiner Liste zentriert werden.



In der angefügten Skizze ist nochmal das Ziel verdeutlicht.

Sorry, dass ich dich mit den Bezeichnungen verwirrt habe.
Ich bin mir durchaus bewust, dass das nicht trivial zu lösen ist. Ich muss wohl auf eine Tabelle zurückgreifen. :-/
Es ist ziemlicher Mist, dass display: inline-block; von den Drecksbrowsern nicht unterstützt wird.
Die Leute die an den Spezifikationen (HTML, CSS und Co.) arbeiten, sollten sich mal um eine freie Referenzimplementation bemühen. Sonst wird das nie was....

Die Seite ist nicht online.

Ähnliche Fälle sind im Prinzip leicht lösbar Es ist diese spezielle Kombination der Anforderungen, das dies zum Problem macht.

Also ich habe das Porblem jetzt erstmal hinten angestellt. Wenn du also eine Lösung kennst, dann bin ich nach wie vor interessiert.