webForumDet fria alternativet

Skillnad på bredd på inputfält

6 svar · 427 visningar · startad av doggelito

doggelitoMedlem sedan juni 20003 076 inlägg
#1

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:

printscreen.gif
Danne VMedlem sedan aug. 20068 090 inlägg
#2

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.... ;)

tantenMedlem sedan nov. 20051 596 inlägg
#3

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;
}
TroxyMedlem sedan mars 20041 505 inlägg
#4

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

zcorpanMedlem sedan dec. 20042 245 inlägg
#5

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.

tantenMedlem sedan nov. 20051 596 inlägg
#6

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... ?

zcorpanMedlem sedan dec. 20042 245 inlägg
#7

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

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)