[html][css] Taki sam formularz przy różnych przeglądarkach Opcje

[poxrimex]

Mam z tym:

[HTML] pobierz, plaintext 
<div style="width: 188px; clear: both; border-style: solid; border-color: black; border-width: 1px;">
<form action="zaloguj.php" method="post" style="display: inline">
<div style="height: 23px;"><b>Login</b><input type="text" name="login" style="width: 125px; margin-left: 5px;"/></div>
<div style="height: 23px;"><b>Hasło</b><input type="password" name="haslo" style="width: 125px; margin-left: 5px;"/></div>
<div><input type="image" src="obrazki/zaloguj.gif" alt="zarejestruj" style="width: 180px; height: 25px; margin-top: 5px;" /></div>
</form>
<a href="nologin.html">Zapomniałeś hasła?</a>
</div>
[HTML] pobierz, plaintext 

w Operze od wyższego elementu ten element ma jakby margin-top: 0px; a w IE margin-top: 1px;

Następna sprawa:

w Operze margin-top dla input type="image" wynosi ok 9px, a w IE 8 px

Ten post edytował poxrimex 16.03.2008, 09:34:02

[nitek]

sprobuj dodac do tych elementów padding:0px;

[poxrimex]

dodałem, lecz nic z tego
nawet prosty formularz:

[HTML] pobierz, plaintext 
<style>
html, body
{
margin: 0;
padding: 0;
}
</style>
 
<form action="zaloguj.php" method="post" style="display: inline">
<div style="height: 22px; background-color: blue; padding: 0; margin: 0;">Login<input type="text" name="login" style="margin: 0; padding: 0; width: 125px; margin-left: 5px;"/></div>
<div style="height: 22px; background-color: blue; padding: 0; margin: 0;">Hasło<input type="password" name="haslo" style="margin: 0; padding: 0; width: 125px; margin-left: 5px;"/></div>
<div><input type="image" src="obrazki/zaloguj.gif" alt="zarejestruj" style="width: 180px; height: 25px; margin-top: 5px;" /></div>
</form>
[HTML] pobierz, plaintext 

Powoduje różnice całego formularza o jakieś 4px

i tutaj ten skrypt wogule robi wielkie różnice pomiędzy Opera, a INTERNET EXPLORER