Hallo, ich bin noch ziemlich neu im Websitendesign mit HTML und CSS.
Also ich versuche ein Formular mit einer Tabelle zu verknüpfen, um die Eingabefelder bündig untereinander zu setzen. Das Problem ist, dass die Tabelle aber nur abhängig von der Fensterbreite zentriert oder vom horizontalen Zentrum nach links versetzt angezeitg wird.
Hier ist der Code für die Tabelle:
HTML
<div id="main">
<form method="post" action="index.html">
<table id="logintable" align="center">
<tr>
<td colspan="2">
<center>
<font color="white">Server:</font>
<select style="width:200px; text-align:center">
<option value="test1">test1</option>
<option value="test2">test2</option>
<option value="test3">test3</option>
<option value="test4">test4</option>
<option value="test5">test5</option>
</select>
</center><br>
</td>
</tr>
<tr>
<td><input type="text" name="login_name" value="" placeholder="mc-nickname or email-address" style="width:300px"></td>
<td><label><input type="checkbox" name="remember_me" id="remember_me">Remember me!</label></td>
</tr>
<tr>
<td><input type="password" name="login_password" value="" placeholder="Password" style="width:300px"></td>
<td><a href="index.html">Forgot password?</a></td>
</tr>
<tr>
<td colspan="2">
<center>
<a href="index.html">Register new account</a><br>
<input type="submit" name="commit" value="Login">
</center>
</td>
</tr>
</table>
</form>
</div>#main wird in einer korrekt verknüpften CSS-Datei definiert:
HTML
#main {
min-width: 900px;
width: 80%;
float: left;
padding: 10px;
text-align: center;
}Woran liegt das Problem und wie ist es lösbar?
