mel: input-Feld: height + padding wird falsch interpretiert

Beitrag lesen

Hallo,

ich wäre dankbar wenn ihr einen kurzen Blick auf folgende Code-Schnipsel werfen könntet:

css:

body {
 padding:0;
 margin: 0;
 background-color: #E8E8E8;
 text-align: center;
 font-family:"Arial", Verdana, Helvetica, sans-serif;
 font-size: 100.1%;
 color: #666;
 letter-spacing: 0.04em;
 }

#content  input, #content  textarea  {
  font-family:"Arial", Verdana, Helvetica, sans-serif;
  font-size: 1em;
  display: block;
  }

#content  input {
  background-color: #FCFCFC;
  height: 1.8em; //zuvor Pixelangabe: 26px;
  width: 20.28em; //zuvor Pixelangabe: 226px;
  border: 0 none;
                padding: 2px 0 0 2px;
  }

#content  textarea  {
  background-image: url(bgtextarea.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 226px;
  height: 125px;
  overflow: hidden;
  border: 0 none;
                padding: 2px 0 0 2px;
  }

-------------------------------------------------------------------------

html:

<div id="content">
<form name="form1" method="post" action="formular.php">

<p>Name:</p>
<input name="name" type="text" id="name" maxlength="34">
<br />
<p>Kommentar:</p>
<textarea name="nachricht" id="nachricht" rows="4" cols="40"></textarea>

<p  id="absenden">
<input type="image" src="absenden.gif"  name="Submit" value="Abschicken" alt="Abschicken">
</p>
</form>
</div>

Mein Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Mein Problem:
Die Höhe wird falsch angezeigt, zumindest im IE, Firefox. Opera dagegen zeigt die 26px Höhe an (bzw. die enstprechende em-Einheit).
Zudem wollte ich einen Innenabstand für die Inputfelder definieren. Diese werden nicht interpretiert.

Die Seite hatte vorher einen anderen Doctype (HTML 4.01 Transitional//EN), da gab es nicht diese Abweichungen.

Wo liegen denn meine Fehler?
Hatte em-Einheiten im Verdacht oder line-heigt aber die Eigenschaften scheinen es nicht zu sein. Ausserdem kann es doch nciht sein dass man keinen Innenabstand mehr definieren kann....

Vielen Dank für Eure Hilfe,

Gruss, Mel

--
X-Self-Code: fo:| ch:? rl:? br:& n4:? ie:| mo:} va:) de:> zu:} fl:| ss:( ls:? js:|
„Man kann mit einer einzigen Blume beginnen, die Landschaft zu verändern.“
(Spock in "Wiedervereinigung")