nicht angemeldet
Hallo Stefan!
Mir scheint Dir kann doch noch geholfen werden. :-)
Zunächst einmal bin ich nach langen Tüfteln auf folgendes verfallen.
<style type="text/css">
<!--
table.outer {width:100%; text-align:center;}
table.inner {margin:auto;}
-->
</style>
<body>
<table class="outer"><tr><td>
<table class="inner"><tr><td style="background-color:#CCCCCC">testtexttesttexttesttexttesttexttesttexttesttext</td></tr></table>
</td></tr></table>
</body>
Das funktioniert bei mir ohne das Opera den Inhalt links hinausverschiebt. (Getestet: Opera 5.11 Win98)
Da Du ja auf Deinen Seiten nur DIV's verwendest habe ich weiterprobiert und siehe da, wenn man beide(!) TABLE's in DIV'S umwandelt geht es auch. Fast! ;-)
Wie Du an der Hintergrundfarbe erkennen kannst, wenn Du Dir das Beispiel mit DIV'S anschaust, wird diese nämlich einfach munter weiter verkleinert. Ich hoffe Du benutzt keine Hintergrundfarbe?
Bsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>DIV</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">
<!--
div.outer {width:100%; text-align:center;}
div.inner {margin:auto;}
-->
</style>
</head>
<body>
<div class="outer">
<div class="inner" style="background-color:#CCCCCC>testtexttesttexttesttexttesttexttesttexttesttext</div>
</div>
</body>
</html>
Was interessanterweise wiederum nicht funktioniert ist wenn man für 'outer' ein DIV nimmt und für 'inner' eine TABLE. Dann bekommt er immer noch Schluckauf.
Hoffe das hat geholfen.
Viele Grüße,
Sönke