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

• 2008-12-19
• 0 kommentarer
• CSS

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):

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
}

Kommentar: *

Namn: *

E-post: *

Hemsida:

Fyll i siffran sju här:

Mitt twitter-konto