---
title: "oönskad utfyllnad på knapp"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143725-oönskad-utfyllnad-på-knapp"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "The_Hulk"
published: "2006-03-10T11:17:39.000Z"
updated: "2006-04-04T12:45:05.000Z"
replies: 4
views: 444
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/143725-oönskad-utfyllnad-på-knapp"
---

# oönskad utfyllnad på knapp

## #1 — The_Hulk, 2006-03-10T11:17Z

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.

Bilagor:

- [knappar.jpg](https://www.webforum.nu/a/9972.jpg)

Permalänk: https://www.webforum.nu/p/143725

## #2 — carl_x, 2006-03-10T11:29Z

Definiera hur bred knappen ska vara.

Permalänk: https://www.webforum.nu/p/1779010

## #3 — icaaq, 2006-03-10T11:35Z

> **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

Permalänk: https://www.webforum.nu/p/1779013

## #4 — Troxy, 2006-03-10T11:54Z

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>

Permalänk: https://www.webforum.nu/p/1779023

## #5 — The_Hulk, 2006-04-04T12:45Z

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

Bilagor:

- [button-css-test.txt](https://www.webforum.nu/a/10258.txt)

Permalänk: https://www.webforum.nu/p/1793461

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143725-oönskad-utfyllnad-på-knapp