6 svar · 431 visningar · startad av doggelito
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:
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.... 
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;
}
Man får ju tänka på att formulärsfält ofta har lite olika padding och border som påverkar bredden.
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.
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... ?
Du har angett olika bredd på dem (160px och 166px).
