Hallo
8<---------HTML----------8<
<body class="all">
<div id="container">
<div class="langList">
<form action="/cgi-bin/choice.cgi" method="post">
<fieldset class="langButton">
<input type="submit" value="Deutsch" class="blueButton" />
<input type="hidden" name="language" value="de" />
</fieldset>
</form>
<form action="/cgi-bin/choice.cgi" method="post">
<fieldset class="langButton">
<input type="submit" value="English" class="blueButton" />
<input type="hidden" name="language" value="en" />
</fieldset>
</form>
</div></div>
</body>
</html>
8<----------CSS---------8<
/*--------------------------------------------------------------------------*/
.all {
Im Normalfall brauchst du keine Klasse für den <body>. die Angabe von body {...} reicht.
...
font-family: tahoma, verdana, monospace;
Die generische Schriftfamilie, die Tahoma und Verdana beinhaltet, ist "sans-serif". Monospace ist die Familie für diktengleiche Schriften wie Courier.
text-align: center;
}#container {
text-align: center;
}.langList {
text-align: center;
}.langButton {
text-align: center;
}.blueButton {
text-align: center;
}
Überall gibst du text-align: center; an. Dann brauchst du dich auch nicht wundern, dass der MSIE alle Elemente zentriert, da er text-align fälschlicherweise auch auf Blockelemente anwendet, dies aber im FF nicht funktioniert (dort brauchst du margin:auto; gegebenenfalls mit -left und -right), da dieser den Fehler nicht macht. Denn deine Formulare (warum eigentlich derer zwei für die gleiche Aufgabe (Sprachwahl)) sind Blockelemente, die du nicht explizit zentriert hast. Daher werden sie im FF linksbündig dargestellt.
*btw*
#container {
...
top: 20px;
left: 0px;
...
top: 2%;
left: 2%;
}
Warum dieses?
Tschö, Auge
Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
(Victor Hugo)
Veranstaltungsdatenbank Vdb 0.1