---
title: "Skillnad på bredd på inputfält"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159191-skillnad-på-bredd-på-inputfält"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "doggelito"
published: "2007-04-13T07:11:28.000Z"
updated: "2007-04-13T15:20:11.000Z"
replies: 6
views: 431
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/159191-skillnad-på-bredd-på-inputfält"
---

# Skillnad på bredd på inputfält

## #1 — doggelito, 2007-04-13T07:11Z

Jag vet inte om jag är helt blind eller bara allmänt förvirrad! :)
Men varför blir det inte samma bredd på dessa?

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Untitled Document</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type="text/css">
			.w160 {
				width:160px;
				padding:0;
				margin:0;
			}
		</style>
	</head>
	
	<body>
		<select name="County" class="w160">
		</select><br />
	
		<input type="text" name="Number" class="w160" /><br />
	
		<input type="button" name="btnButton" class="w160" value="Fortsätt" /><br />
	
	</body>
</html>
```

Så här ser det ut:

Bilagor:

- [printscreen.gif](https://www.webforum.nu/a/14330.gif)

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

## #2 — Danne V, 2007-04-13T08:11Z

Jaa du...jag tror det beror på att en del webbläsare lånar olika funktioner från användarens operativsystem. Sånt kan man inte styra så att det blir exakt på pixeln. I så fall måste du skapa drop down listor med javascript eller nåt.

Glöm det. Sätt upp det på samma konto som andra stora frågor, som t.ex. varför bananer är krökta.... ;)

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

## #3 — tanten, 2007-04-13T08:43Z

Har du testat utan class förutom på knappen...
något så här t.ex

```
<select name="County" >
		</select>	
		<input type="text" name="Number" />
		<input type="button" name="btnButton" size="5" value="Fortsätt" class="w160" />
och css någonting så här. display block för att slippa <br /> :
.w160 {	width:166px;
}
input{
display: block;
width: 160px;
}
select{
width: 166px;
}
```

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

## #4 — Troxy, 2007-04-13T09:27Z

Man får ju tänka på att formulärsfält ofta har lite olika padding och border som påverkar bredden.

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

## #5 — zcorpan, 2007-04-13T13:08Z

Formellt är det odefinierat i CSS hur eller om formulärfält påverkas av CSS.

I praktiken har webbläsartillverkarna inte kommit överrens om hur det ska fungera än (vilket är varför det är odefinierat i specen).

Det man kan göra är att (1) testa quirks mode, eller (2) testa 'box-sizing' (kan behövas -moz- prefix för Moz), eller (3) använda hacks för att ange olika bredd för olika webbläsare (inget jag rekommenderar då det kan sluta fungera i framtida webbläsare), eller (4) acceptera att det inte blir samma bredd.

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

## #6 — tanten, 2007-04-13T13:23Z

Menar du då Zcorpan att mitt förslag blir olika i webläsarna, för i de jag testat dem i så blir de lika breda... ?

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

## #7 — zcorpan, 2007-04-13T15:20Z

Du har angett olika bredd på dem (160px och 166px).

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159191-skillnad-på-bredd-på-inputfält
