Claw: Positionierung

Moin

Mein Problem dreht sich um das Positionieren von Elementen, genauer gesagt das zentrieren. Was einst im Netscape 4.7 noch wunderbar funktionierte, will sowohl mit NS 7.1 als auch im IE 6 nicht mehr.

Anstatt die gewünschten Elemente zu zentrieren, bleiben sie links. Außerdem setzen sich die Nachfolge-Elemente hinter diese Elemente anstatt wie zuvor darunter.

Hier dann mal auszugsweise der Code:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<style type="text/css">
<!--
body {
margin-top:0 cm;
color:#CCCCCC;
background-color:#000000;
}

p.center {
font-family: "Times New Roman" , serif;
font-size:16pt;
text-align:center;
}

.bildunten {
position:absolute;
z-index:1;
top:0cm;
font-size:100pt;
font-style:italic;
color:#FF9900;
text-align:center;
}

.bildmitte {
position:absolute;
z-index:2;
top:2.3cm;
font-size:100pt;
font-style:italic;
color:#CC6600;
text-align:center;
}

.bildoben {
position:absolute;
z-index:3;
top:1.3cm;
font-size:100pt;
font-style:italic;
color:#FF6600;
text-align:center;
}

.ring {
font-family:"Times New Roman", serif;
font-size:14pt;
font-color:#FF6600;
text-align:center;
}

-->
</style>

</head>

<body link="#E1A900" vlink="#A55300" text="#CCCCCC">

<span class="bildunten">Ronny's</span>
<span class="bildmitte">Rollenspiel</span>
<span class="bildoben">Seiten</span>

<table border=0 align=center width=750>
</table>

<span class="ring"></span>

</body>
</html>

Sowohl die Elemente bildunten/-mitte/-oben als auch ring bleiben am linken Rand. Alle Versuche über margin:auto sind gescheitert.  Nehme ich das text-align:center raus und umgebe das ganze mit einem <p class="center">, sind die Elemente linksbündig ab Bildschirm-Mitte ausgerichtet, sonstige center-Befehle z.B. über einen div-Rahmen werden ignoriert.

Nu bin ich mit meinem Latein am Ende und auch die bisherigen Beiträge hier konnten mir nicht weiterhelfen.

Wer mag, kann sich die Seite auch mal anschauen, sie ist über den Link zu erreichen.

CY
  Claw

  1. Moin

    PS: Auch der validator half nicht, das Problem zu eliminieren.

    CY
      Claw

    1. Hallo,

      hier findest du einen Lösungsansatz:
       http://www.wpdfd.com/editorial/thebox/deadcentre4.html

      mfg NAG

      --
      signatur