HTML & CSSur HTML, XHTML & CSS
6 svar · 427 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).
