[CSS] Tabela z formularzem w różnych przeglądarkach, W Firefox i IE jest ok, w Operze nie do przyjęcia Opcje

[Leopard]

Mam tabelkę z małym formularzem:

[HTML] pobierz, plaintext 
<table class="login_form">
                   <tr>
                      <td class="login">
                        <form action="?login" method="post">
                        &nbsp;Login: <input class="login" type="text" name="userName" maxlength="22">
                        Password: <input class="login" type="password" name="userPass" maxlength="22">
                        &nbsp;<button class="login" type="submit" name="login" value="ok">
                        Login
                        </button>
                        </form>
                      </td>
                    </tr>
                </table>
[HTML] pobierz, plaintext 

Do tego styl:

[HTML] pobierz, plaintext 
table.login_form {
  font: 12px Arial,Helvetica,sans-serif;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  background: #dcdcdc;
}
 
td, tr {
  border-style: none;
}
 
input.login {
  font: 14px Arial,Helvetica,sans-serif;
  width: 150px;
}
[HTML] pobierz, plaintext 

Musi on dobrze wyglądać we wszystkich przeglądarkach a niestety tak nie jest:

Firefox - OK
(IMG:http://img22.imageshack.us/img22/1470/logff.jpg)
IE - lekkie różnice ale jest OK
(IMG:http://img22.imageshack.us/img22/4866/logie.jpg)
Opera - lipa
(IMG:http://img22.imageshack.us/img22/6371/logoph.jpg)

Da się to jakoś ujednolicić?

Najgorzej jest z operą - chodzi o to żeby między oknami input (na górze) a ramką była szara przestrzeń i to samo w przypadku przycisku "login" tylko, że z prawej i na dole.

[athei]

Nie buduj formularzy na tabelkach, pogogluj trochę http://www.google.com/search?name=f&hl...amp;q=css+forms

Jeżeli już tak bardzo Ci zależy to zawsze zeruj na początku standardowy margin i padding: * {margin:0; padding:0; }

Ten post edytował athei 14.05.2009, 19:59:46