nicht angemeldet
Hallo allerseits,
folgende HTML-Seite sei gegeben:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Textfeld in Tabelle</TITLE></HEAD>
<BODY bgcolor="#ffffff" Text="black" >
<table width="300" style="border:2px solid blue;">
<tr>
<td width="150">
Text A
</td>
<td width="150">
<input type="text"style="height:30px;border:2px solid grey;" value="Textfeld A">
</td>
</tr>
</table>
<br>
<table width="300" style="border:2px solid blue;">
<tr>
<td width="300">
Text B
<input type="text" style="height:30px;border:2px solid grey;position:absolute;left:152px;" value="Textfeld B">
</td>
</tr>
</table>
</BODY>
</HTML>
Wie man sehen kann, handelt es sich um zwei Tabellen, die beide jeweils normalen Text und ein Eingabefeld beinhalten: die erste in zwei getrennten Spalten, die zweite in einer einzigen Spalte, wobei das Eingabefeld durch Style-Angaben positioniert wurde. Leider ignoriert die Tabelle im zweiten Fall die Höhe des Textfeldes, welches somit aus der Tabelle herausragt (zumindest in IE6 und Mozilla 1.5). Ziel ist aber natürlich, dass die zweite Tabelle genauso aussieht wie die erste. Wie kann ich das erreichen?
Gruss,
Jan