Height für select-box - Hilfe!
Sanjoy
- css
Hallo liebe Helfer,
Bin einfach zu doof und verstehe es nicht. Irgendetwas scheine ich nicht zu bedenken. Ich wollte gerne, dass ein Dropdownfeld und ein Inputfeld die gleichen Höhen haben. Dabei bin ich auf folgendes Problem gestossen und finde meinen Denkfehler nun nicht...
Warum sind Inputfeld und Dropdownfeld bei mir nicht auf gleicher Höhe (in Firefox 2.0)?
Warum muss ich der Select-Box 6px mehr Höhe geben (in Firefox 2.0), damit es die gleiche Höhe wie das Inputfeld hat?
Warum ignoriert IE6.0 die Höhenangabe für select?
Wie kann ich meine Probleme umgehen? Oder besser gefragt, was mache ich falsch?
Reduzierter Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<title>Bin einfach zu doof</title>
<style type="text/css">
div {
margin:0;
padding:0;
}
select {
margin:0;
padding:2px;
height:24px;
}
input {
margin:0;
padding:2px;
height:18px;
}
</style>
</head>
<body>
<div>
<input name="fall_nr" id="input_fall_nr" type="text" value="" maxlength="255" style="width:200px;"/>
<select name="id_gruppe" id="id_gruppe" size="1">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
<option value="3" selected="selected">Test 3</option>
</select>
</div>
</body>
</html>