Witam. Tworze strone operujac na firefox (na szczescie dopiero zaczalem i szybko sprawdzilem ie). Odpalilem ie i - buttony w firefox sa takie, jakie ustalilem w css, a w ie nie dosc, ze napis sie nie miesci w prostokacie SUBMIT to jeszcze jest uciety i w ogole maly...
Poradzcie koledzy.
ogólne pytanie, ogólna odpowiedź
słowa klucze do wygooglowania: css hacks, box model
ponadto zwaliduj swoje kody walidatorem żeby sprawdzić czy są poprawne
jak się dokładniej zastanowisz nad tym czego oczekujesz od forumowiczów i to ładnie wyklepiesz na klawiaturze może będzie łatwiej Ci pomóc...
Ok, zobrazuje:
moj kod css:
.zaloguj {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
line-height: 16px;
text-align: center;
white-space: pre;
background-color: #46cb01;
height: 20 px;
width: 50 px;
border: 2px solid #318925;
padding: 5px 15px 5px 15px;
display: inline;
cursor: pointer;
}
Przycisk ANULUJ ma tylko zmieniony kolor.
Firefox wyswietla to tak: 
A w IE tak: 
PS. Co mam zrobic z tymi hackami? Jak tego uzywac i w ogole, bo pierwszy raz o tym slysze.
Standard. IE liczy padding wewnątrz od podanej szerokości, Fx dodaje go do szerokości. Zastosuj na przykład jakieś hacki pod ie ew. style dołączane warunkowo.
Albo zrób by IE wszedł w tryb standardów, bo tam używa standardowego box-modelu.
jak zwykle lepsze jest wrogiem dobrego! W CSS zawsze wsadzaj tylko to co tam rzeczywiscie jest niezbedne do uzyskania efektu wizualnego jaki chcesz miec. Twoj CSS bez problemu dziala po takich zmianach:
.zaloguj {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
background-color: #46cb01;
border: 2px solid #318925;
cursor: pointer;
height: 30px;
width: 89px;
}