nicht angemeldet
Hallo allerseits,
seit Tagen kämpfe ich mit folgendem schlichten Problem herum: Ich möchte einen linksbündigen Text (in einer Tabelle) innnerhalb eines zentrierten div-Objekts. Das ist schon alles ;-) Aber das in allen Browsern. Eben hab ich schnell mal versucht, mein Problem zu "isolieren":
<html>
<head>
<title>Warum verstehen mich die Browser nur nie?</title>
<style type="text/css">
<!--
div.box {
width:70%;
background-color:white;
border-style:solid;
border-width:thin;
border-color:white;
}
-->
</style>
</head>
<body bgcolor=black>
<center>
<div class="box">
<div align="left">
<table>
<tr>
<td>Tja, dieser Test soll nun linksbündig
in der zentrierten div-Box erscheinen...
</td>
</tr>
</table>
</div>
</div>
</center>
</body>
</html>
Das ist das "Maximum" an Browser-Kompatibilität, was ich herausholen kann. So verstehen mich Konquerer, Netscape 4.7 (der will den guten alten <center>-Tag), Netscape 6.01 (der wiederum möchte das linksbündige <div> im zentrierten <div>), IE 4, 5 und ein paar andere. Leider nicht mein geliebter Opera 5, der zentriert mit <center>-Tag auch den Text, ohne macht er die Box linksbündig (da kann ich ihm mit CSS kommen, wie ich will).
Hat jemand eine Idee, wie auch Opera gehorchen würde, ohne daß die anderen wieder aufgeben? Im Übrigen wäre mein Ziel "so viel CSS / so wenig HTML wie möglich", aber in solchen Sachen ist CSS ja immer heikel.
Gruß, Holger