Hallo,
ich kämpfe gerade mit folgenden Problem:
Wenn ich ans Ende eines Fliesstextes ein Image anfüge, so stellt der IE (bei Mozilla passt's) die letzte Textzeile um 1px nach oben verschoben dar. Somit ist der Zeilenabstand nicht 16px sonden 15px.
Weiss jemand eine Lösung?
Thx, Tobias
<html>
<head>
<title>ImageTest</title>
<style type="text/css">
body { margin-left:25px; margin-right:25px; margin-top:25px; margin-bottom:25px }
table {
border-collapse:collapse;
border-spacing:0px;
border:1px;
border-width:1px;
border-style:solid;
border-color:#000000;
padding:0px;
width:300px;
margin-left:0px;
}
td {
border-style:solid;
border-width:1px;
border-color:#000000;
padding:0px;
}
td.txt {
font-family:Arial;
font-weight:normal;
font-size:12px;
line-height:16px;
}
</style>
</head>
<body>
<table>
<tr>
<td style="width:100px;vertical-align:top;" class="txt">Sus penna Sono Proelium pario has Viduitas Agrarius<img src="../images/blank.gif" width="2" height="2" align="middle" hspace="0" vspace="0" border="1" alt=""></td>
<td style="width:100px;vertical-align:top;" class="txt">Sus penna Sono Proelium pario has Viduitas Agrarius<img src="../images/arrow_red.gif" width="9" height="7" align="middle" hspace="0" vspace="0" border="0" alt=""></td>
<td style="width:100px;vertical-align:top;" class="txt">Sus penna Sono Proelium pario has Viduitas Agrarius</td>
</tr>
</table>
</body>
</html>