Positionierung einer Box

[holger21]

Hallo

Erklärt mich bitte nicht für völlig unfähig, wenn ich euch mein kleines Problem schildere.

Ich bin gerade dabei meine alte HP vom Framedesign auf CSS zu trimmen und stoße da leider schon am Anfang auf ein kleines Hindernis. Ich habe vor unten am Fensterrand drei Boxen einzubringen. In diesen Boxen soll einfach nur ein Text stehen, also keine Funktionen oder so. ;-)

Die erste Box soll sich am linken Rand orientieren, die zweite soll mit ihrem Zentrum absolut gemittet sein und die dritte am rechten Rand ausgerichtet sein. Diese drei Boxen sollen auf sämtlichen Seiten vorhanden sein, die die HP irgendwann hergibt.

Die erste und die dritte Box sind nicht das Problem, allerdings beiße ich mir an der zweiten seit einigen Stunden die Zähne aus.

Hier der Code aus der css Datei:

/*box 1*/
.Update{
 position:absolute;
 bottom:5px;
 width:150px; height:60px;
 left:5%;
 }

/*box 2*/
.Spruch{
 bottom:10px;
 width:300px; height:55px;
 margin-left:auto; margin-right:auto;
 }

/*box 3*/
.counter{
 position:absolute;
 bottom:5px;
 width:150px; height:60px;
 right:5%;
 }

Getestet wird die Seite mit Firefox 1.07 und Opera 8.51.
Mit den Angaben zur "position" komme ich irgendwie nicht weiter und weiß auch nicht so recht, ob die da was verloren haben.

Also noch mal in Kurzform:
Ich möchte die Mitte einer Box in der unteren Mitte des Bildschirms fixieren.

Wäre schön, wenn mir jemand helfen könnte. ;-)

Gruß
Holger

P.S. Online ist das ganze noch nicht, daher kann ich auch leider keine URL zum ansehen anbieten.