Bin ich zu blöd ein Bild zu zentrieren?

[Knud]

Hi Ihr...

Es geht um folgene stilisierte Seite:
http://www.knud-bartels.de/zentrieren/

Wieso liegt das rote Viereck mit dem IE 6x nicht in der Mitte der Seite?

Kurz erläuterndes zum Aufbau:

• Das blaue Viereck soll horizontal und vertikal zentriert sein. Deswegen liegt es in einer einzelligen Tabelle.
• Das rote Viereck soll horizontal zentriert und vertikal oben liegen.
• das rote Viereck soll bei zu wenig Platz das blaue überlappen.

Danke im Voraus... Knud

[Robert Bienert]

Wieso liegt das rote Viereck mit dem IE 6x nicht in der Mitte der Seite?

Es liegt mit dem Mozilla 1.0.0 auch nicht in der Mitte, sondern am linken oberen Rand.

Kurz erläuterndes zum Aufbau:

• Das blaue Viereck soll horizontal und vertikal zentriert sein. Deswegen liegt es in einer einzelligen Tabelle.

Das funktioniert ja auch.

• Das rote Viereck soll horizontal zentriert und vertikal oben liegen.
• das rote Viereck soll bei zu wenig Platz das blaue überlappen.

Da würde ich mit absolutem Positionieren arbeiten, allerdings darf nicht das Bild positioniert werden, sondern der Container (div).
Probier mal
<div style="position:absolute;top:0px;text-align:center">
<img src="rotes Viereck" alt="Für das W3C">
</div>
So in der Art müsste das eigentlich funktionieren (habs selbst nicht ausprobiert.). Wenn nicht, schreib noch mal ne Antwort.

Danke im Voraus... Knud

Keine Ursache nachträglich.

[Knud]

Hi,

Probier mal
<div style="position:absolute;top:0px;text-align:center">
<img src="rotes Viereck" alt="Für das W3C">
</div>
So in der Art müsste das eigentlich funktionieren. Wenn nicht, schreib noch mal ne Antwort.

Eigentlich eine gute Idee. Nur liegt jetzt das rote viereck links oben in der Ecke... ist also nicht mal mehr ein bischen mittig.

Mit <img style="Position: top center"> plaziert er es zwar exakt mittig, das rote liegt aber nicht mehr auf dem blauen, sondern oben drüber. Hier vielleicht eine Idee?

und nochmal Danke im Voraus... Knud