Input Felder, IE und Firefox zeigen Unterschiede

priscylla · #1 (**permalink**) 20.01.2010, 18:11

Hallo Zusammen,

ich hab hier ein Formular, in dem die Zeilen abwechselnd eine andere Farbe haben sollen.

Ich wollte jetzt nich mein ganzes Formular anhängen, deswegen hier ein einfaches Beispiel:

auf dem Bild erkennt man, dass die Zeilenhöhe beim IE und Firefox bis zu den Inputfeldern gleich ist. Danach benötigt der Internet Explorer eine größere Höhe. Wieso ist das so? Ist das bekannt? Meine Suche danach hat bisher nix ergeben.

das ist der Code:

HTML-Code:

<table border="0" cellpadding="0" cellspacing="0" width="400">
   <tr>
      <td class="markiert1">Test est test test
      </td>
      <td class="markiert1">Test est test test
      </td>
   </tr>
   <tr>
      <td class="markiert2">Test est test test 
      </td>
       <td class="markiert2">Test est test test
      </td>
   </tr>
   <tr>
      <td class="markiert1">Test est test test
         <input type="text" >
      </td>
       <td class="markiert1">Test est test test
      </td>
   </tr>
   <tr>
      <td class="markiert2">Test est test test
         <input type="text">
      </td>
       <td class="markiert2">Test est test test
      </td>
   </tr>
    <tr>
      <td class="markiert1">Test est test test
         <input type="text">
      </td>
      <td class="markiert1">Test est test test
      </td>
   </tr>
</table>

CSS Auschnitt:

Code:

td.markiert1 {
background-color:#E6F3FF;
}
td.markiert2 {
background-color:#FFFFFF;
}
input, select, textarea {
border:1px solid #7F9DB9;
padding:1px;
}

Wo ist da der Wurm drin??? Help!!

Es wird übrigens beim IE8, 7 und 6 gleich angezeigt.

EvT · #2 (**permalink**) 20.01.2010, 18:23

Gib input noch vertical-align:bottom; mit auf den Weg. (Eventuell auf noch für td). Besser?

priscylla · #3 (**permalink**) 21.01.2010, 09:57

Guten Morgen

Ja, vielen dank das hat fast perfekt geholfen. Die Höhen sind aber immernoch um ca. 1px verschoben. Ich hab ein Bild neben den unterschiedlich gefärbten Zeilen, deswegen fällt das auf. Fällt jmd noch irgendwas ein?
Blöder IE....

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Kein line-height auf input in Firefox 3?	o.dey	CSS	4	09.01.2009 14:57
input type hidden wird im firefox angezeigt	psycho_dmr	CSS	1	12.09.2008 14:19
bestimmte input felder ansprechen	blackhawk3000	CSS	7	18.08.2008 23:08
CSS Styles für input Felder, wie umsetzen?	davekch	CSS	5	19.11.2007 09:00
Unterschiede zwischen Firefox 1.0 und 1.5?	vinc	CSS	3	08.01.2006 12:33