Darstellung stimmt nicht!

[x0x]

Hi,
beim angefügten Code habe ich folgendes Problem:
die 3 Teile sollen alle die gleiche Höhe haben. Jeweils 120. Wenn ich die Seite nun so wie sie ist im Internet Explorer anschaue, ist der rechte Teil zu groß. In Opera der mittlere und im Firefox stimmt alles!

Der Code ist nur ein ausschnitt aus der gesamten Tabellenstruktur.
Hier die Url für die Seite: Seite

Es handelt sich um die 3 kleinen Abschnitte unten: "Aktuell, Kundenmenu und Hinweise"

<tr>
<td colspan="7" bgcolor="#8F9DAD" width="580">
<center>
<table border="0" width="580" cellpadding="2" cellspacing="2">
<tr>
<!-- Teil 1 !-->
<td width="190">
<table border="0" cellpadding="0" cellspacing="0" width="190" height="120">
<tr>
<td width="190" height="15" background="gfx/site/aktuell.gif"></td>
</tr>
<tr>
<td background="gfx/site/table_bg_unten.gif">
<br>
Illusion Designs:<br>Internetauftritt<br>Design und Programmierung</td>
</tr>
</table>
</td>
<!-- Teil 2 !-->
<td width="190">
<table border="0" cellpadding="0" cellspacing="0" width="190" height="120">
<tr>
<td width="190" height="15" background="gfx/site/hinweise.gif"></td>
</tr>
<tr>
<td background="gfx/site/table_bg_unten.gif"><div style="width: 190; height: 105; overflow : auto;">
<br>
<p>13.06.04:<br>In naher Zukunft werden<br>
wir ein Reseller-Programm<br>
anbieten und sie können<br>
somit zu günstigen<br>
Konditionen ihre Webseite<br>
bei uns hosten lassen.</p></div>
</td>
</tr>
</table>
</td>
<!-- Teil 3 !-->
<td width="200">
<table width="200" border="0" cellpadding="0" cellspacing="0" height="120">
<tr>
<td width="200" height="15" background="gfx/site/kundenmenu.gif"></td>
</tr>
<tr>
<td width="200" background="gfx/site/table_bg_unten.gif">
<br>
<form action="login_ver.php" method="post">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr>
<td>Kundennummer:</td>
<td><input type="Text" name="knummer" size="13" maxlength="6"></td>
</tr>
<tr>
<td>Passwort:</td>
<td height="40"><input type="Password" name="pw" size="13"></td>
</tr>
<tr>
<td colspan="2" height="30"><div align="right"><input type="Image" name="login" src="gfx/site/login.gif" style="background-color:transparent;border-top-width: 0px;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px" border="0" onclick="form.submit();"></div></td>
</tr>
</table>
</center>
</form>
</td>
</tr>
</table>
</td>
<!-- Teil 3 !-->
</tr>
</table>
<br>
&nbsp;
</td>
</tr>

 

[Tim C.]

Könnte daran liegen, dass das margin, was die Browser um ein <form> anlegen von Browser zu Browser unterschiedlich ist. Also in der globalen CSS Datei mal

form { margin: 0px; }

definieren.

Ansonsen zur Not auf DIVs setzen die mit float: left nebeneinander positioniert werden.

 

[Lord-Lance]

Ich denke das hat mit den Höhenangaben der Tabellen zu machen und nicht über den (bei tabellen nicht existenten) HTML befehl "height" .
Versuche die Höhenangaben mit CSS zu machen. Also z.B.

<table style="height : 200px; width:150px;">

 

[x0x]

Also die Version mit dem Style hat nichts gebracht.

Die Css-Variante hat den Fehler allerdings verbesser!

Vielen Dank für die Hilfe!