david78: IE 6 Abstand unterhalb Textfeld entfernen?

Hallo liebe Community,

ich habe ein Problem bei der einheitlichen Darstellung von Firefox und IE 6 unter Verwendung von css.

Ich habe eine relativ kleines Formular, in dem untereinander Textfelder stehen sollen. Die Textfelder stehen in einer Tabelle, wobei ich 'cellcpacing' und 'cellpadding' auf null gesetzt habe. Beim Firefox entsteht also kein Abstand zwischen den einzelnen Textfeldern, der Internet Explorer macht allerdings 2-3 Pixel Abstand unter jedes Textfeld.

Meine css-Angaben sehen so aus:

TABLE.mail {
  background-image:url(images/notes_250x175.gif);
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
  width:250px;
}

TABLE.kontakt input {
  border:0px solid #FF0000;
  background-color:#FFF000;
  margin:0px;
  padding:0px;
  width:150px;
  height:15px;
}

Hat jemand eine Idee, wie ich den Abstand unter den Textfeldern beim IE weg bekomme?

Danke für Eure Hilfe
Gruss, David

  1. Gib der Tabelle auch mal die Eigenschaft:
    border: 0px none
    Vielleicht nimmt der IE da nen unsichtbaren Rahmen..

    1. Gib der Tabelle auch mal die Eigenschaft:
      border: 0px none
      Vielleicht nimmt der IE da nen unsichtbaren Rahmen..

      Danke für den Tip, aber ohne tabelle kommt man ja zu dem gleichen Ergebnis. Muss also direkt was mit den Textfeldern zu tun haben.

      Für jeden weiteren Tip bin in dankbar.

      Gruss
      David

      1. Beim IE muss die Tabellenzelle direkt hinter dem letzten Inhalt
        geschlossen werden:

        <td>INHALT</td>

        ansonsten fügt der IE 3-4 Pixel hinzu.

        1. Beim IE muss die Tabellenzelle direkt hinter dem letzten Inhalt
          geschlossen werden:

          <td>INHALT</td>

          ansonsten fügt der IE 3-4 Pixel hinzu.

          Hallo Mark,

          danke, aber wie schon gesagt verhält es sich ohne Tabelle genauso.
          Es liegt offensichtlich an den <input type=text> tags.

          Danke und Gruss
          David

  2. hi,

    Hat jemand eine Idee, wie ich den Abstand unter den Textfeldern beim IE weg bekomme?

    schon mal mit vertical-align für die textfelder probiert?

    und ggf. auch mit whitespaces im HTML-quelltext aufpassen, da neigt der IE ja teilweise auch zu sonderbaren interpretationen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo,

      schon mal mit vertical-align für die textfelder probiert?

      und ggf. auch mit whitespaces im HTML-quelltext aufpassen, da neigt der IE ja teilweise auch zu sonderbaren interpretationen.

      gruß,
      wahsaga

      ich hab gerade noch mal eine neue datei angelegt:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>textfeld-test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <style type="text/css">

      body {
        background-color:#FFFFFF;
        margin:0px;
        padding:0px;
      }

      input {
        margin:0px;
        padding:0px;
        border:0px solid #FF0000;
      }

      </style>
      </head>
      <body>
      <input type=text><br><input type=text><br><input type=text>
      </body>
      </html>

      So: dieses Angaben reichen dem Firefox, um die Textfelder untereinander ohne Abstand darzustellen. Der IE lässt nach wie vor einen Abstand von 1px oberhalb und unterhalb des Textfeldes.

      Wer hat eine Idee?

      Gruss
      David