valign="middle" in td hat keine Auswirkung auf Formelemente

[Karlo Kiyoshi]

Hallo zusammen,

ich möchte gerne eine input-Textbox in einer Tabellenzelle vertikal mittig ausrichten. Jedoch funktioniert das nicht in allen Browsern. IE tut's nicht. Firefox ja, aber nur unter Windows. Opera tut's immer.

Code:

<table width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td height="40" valign="middle">Irgendein Text...</td>
      <td>
  <form name="test" action="" method="post">
  <input type="text" name="search" value="suchen..." size="20" />
  </form>
   </td>
    </tr>
</table>

Any ideas?

Karlo

[wahsaga]

hi,

ich möchte gerne eine input-Textbox in einer Tabellenzelle vertikal mittig ausrichten. Jedoch funktioniert das nicht in allen Browsern. IE tut's nicht. Firefox ja, aber nur unter Windows.

Die werden vermutlich das Block-Element form ausrichten - und das Input darin an seiner "normalen" Position belassen.

Formatiere doch mal - mit CSS natürlich - dein input mit vertical-align.

gruß,
wahsaga

[Karlo Kiyoshi]

Die werden vermutlich das Block-Element form ausrichten - und das Input darin an seiner "normalen" Position belassen.

Der Hinweis war richtig. Nur das vertical-align hatte keine Auswirkung.

Dein Hinweis hat mich aber auf die Idee gebracht, dem Form Element einen größeren Rand (margin) zu verpassen. Das löste mein Problem.

Vielen Dank!