Guido Hartmann: Fehlerhafte Tabellenhöhe wenn Form eingebunden

Hallo zusammen...

ich verzweifle so langsam. Ich möchte eine normale Tabelle auf eine bestimmte Höhe einstellen (26 pix)
In dieser Tabelle habe ich 2 Spalten (je 50% Breite)

In jeder der beiden Spalten soll ein FORM eingebunden werden, was auf unterschiedliche Seiten verweist.
In der ersten Spalte soll ein Texteingabefeld und in der anderen Spalte ein Drop-Down Feld eingebunden werden, mit je einem Button zum absenden.

Sobald jedoch in dieser Tabelle die beiden FORMS eingebunden werden, wird die Tabelle mit der doppelten höhe dargestellt, als wenn ich die FORMS weglasse.

Ich hab keine Lösung mehr, Versuche mit CSS und Formatierungen zu arbeiten brachten keinen Erfolg.

Vieleich sehe ich auch schon den Wald vor lauter Bäumen nicht mehr...ich hoffe, hier kann irgendwer weiterhelfen.

Hier der HTML Text der Tabelle:

<table width="500" height="26" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFCC">
 <tr>
  <td width="50%" align="center" valign="top" height="24">
   <form target="_self" method="POST" action="index1.asp">
    <b><font size="1" color="#000080">Suchen nach: </font></b>
    <input type="text" name="SuchBegriff" size="20" height="20">
    <input type="submit" value="Go" name="Suchen" height="20">
   </form>
  </td>
  <td width="50%" align="center" valign="top" height="24">
   <form method="POST" action="index2.asp">
    <p><b><font size="1" color="#000080">Auswahl: </font></b>
     <select size="1" name="Wae" height="20">
     <option selected value= "aaaa">aaaa</option>
     <option selected value= "bbbb">bbbb</option>
     <option selected value= "cccc">cccc</option>
    </select>
    <input type="submit" value="Go" name="Abschicken" height="20"></p>
   </form>
  </td>
 </tr>
</table>

  1. Hi,

    ich verzweifle so langsam.

    Das kann ich nur zu gut verstehen, die Dinger haben mich auch schon in den Wahnsinn getrieben und ich muß Dir leider sagen, es gibt meines Wissens nach keine optimale Lösung. Du kannst es mit CSS probieren:
    form  {margin-bottom : 0; margin-top : 0;}
    oder z.B. eine Methode die nicht den HTML-Standarts entspricht ist folgender:
    <tr><form><td><input.....></td></form><form>
         <td><input.....></td></form></tr>

    Funktioniert in vielen Fällen.
    Grüße
    Heike

  2. Hallo Guido,

    innerhalb der Tabellenfelder hast du ein FORM-Tag und sogar ein P-Tag, beide können Ränder haben.

    mit <p style='margin:0mm 0mm 0mm 0mm'> kannst du das abschalten.

    Gruß aus Worms, Kalle.