4 svar · 440 visningar · startad av The_Hulk
Märkte precis att knappar ser olika ut i IE och FF.
I IE får de en procentuell utfyllnad och texten blir centrerad.
I FFblir kanppen lika stor som texten utan några ofrivillga utfyllnader.
som ni kan se på den bifogade bilden så ser det olika ut.
sen av någon anledning har även kanppen i IE får fula kanter, lite väl stora pixlar.
Frågan är hur man blir av med utfyllnaden som uppstår i IE.
Definiera hur bred knappen ska vara.
carl_x skrev:
Definiera hur bred knappen ska vara.
Det kan vara svårt att veta om det är olika mängder text i knappen.
Lägg detta i en IE-specefik css
button{
width: expression((this.createTextRange().boundingWidth + parseInt(this.currentStyle.borderLeftWidth) + parseInt(this.currentStyle.borderRightWidth) + parseInt(this.currentStyle.paddingLeft) + parseInt(this.currentStyle.paddingRight)) + parseInt(4) + 'px')
}
/icaaq
Det verkar som att man kan bli av med den onödiga utfyllnaden i Internet Explorer med hjälp av CSS:
input { overflow: visible; }
Men då blir det enligt mig för lite utfyllnad istället. Därför kan man lägga till lite extra:
input { overflow: visible; padding: 2px; }
Sedan kvarstår "problemet" med de pixliga kanterna i Internet Explorer. Det går att lösa genom att ange storleken för kantlinjerna:
input { overflow: visible; padding: 2px; border-width: 2px; }
Allt detta ger dig en knapp som ser fin ut i IE/Firefox/Opera:
http://troxy.net/stuff/knapp.htm
verkar som man blir av med utfyllnaden.
lägger man knapparna brevid varandra så ser det bra ut.
lägger man knapparna i vars en TD så blir det konstigt, då kommer utfyllnaden till höger om knappen.
bifogar ett exempel.
man fick tydligen inte ladda upp .htm-filer så jag döpte om den till .txt