Hallo allesamt,
in nachfolgendem Formular werden der Text "Titel" und der submit-button im Mozilla 1.0 schön zentriert dargestellt.
Die Tabelle im Form leider nicht.
<html><head><title>test</title>
<style type="text/css"><!--
body { background-color:#cccccc; margin:0px; }
.login { text-align:center; align:center; }
div.login { background-color:white; margin-left: auto; margin-right: auto; }
table.login { vertical-align:top; background-color:#cccccc;
border-width:2px; border-style:solid; border-color:black; }
td.name { text-align:right; vertical-align:top; }
td.name:after { content:":"; }
--></style></head><body>
<div class="login">xxx
<form class="login">
<table class="login">
<tr><td class="name">Feld 1</td><td><input type="text" /></td></tr>
<tr><td class="name">Feld 2</td><td><input type="text" /></td></tr>
</table>
<input type="submit" value=" und los " />
</form>
</div>
</body></html>
Im IE5/IE6 ist dagegen alles ok. Das Form kiege ich im Mozilla nur zentriert, wenn ich um die Tabelle einen <div align=center> setze.
Das kann aber nicht der richtige Weg sein.
Mache ich hier im Stylesheet was falsch, oder der Mozilla?