Jag bloggar numera på http://blog.dileno.com ».

Prenumerera på RSS

Så löser du problemet med knappar och padding i Internet Explorer

Internet Explorer (version 6 och 7) renderar felaktigt extra padding på knappar i formulär. Se jämförelsen mellan Internet Explorer (till vänster) och Firefox (till höger):

Exempel på rendering av knappar i Internet Explorer och Firefox

Som du ser renderar Internet Explorer extra utrymme till vänster och höger om texten i knappen.

Problemet löser du med hjälp av overflow och width i CSS, så här:

input {
overflow: visible;
width: auto
}

Till sidhuvudet

Clicky Web Analytics