Also ich hab mir ein bisschen Code zusammengeschnipselt, der so aussieht wie unten folgt. Im IE scheint das ganze auch zu gehen, zumindest so wie ich es gerne hätte. Im Opera und Firefox haben aber die Tabellenzellen der "infotext"-Klasse ein zu großes padding/margin. Heißt, dass das ganze nach oben und unten aufgeblassen wird, obwohl ich das nicht will. Hab schon die td's mit padding: 0px; margin: 0px ausgerüstet, hat aber nichts bewirkt.
Kann es leider nicht auf eine Seite hochladen, wo man sich das anschauen kann, aber hier mal der Quellcode:
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%">
<tr>
<td style="width: 300px;"><img src="<?php echo sharedPath ?>images/headline.gif" id="headline_gfk" border="0" alt=""></td>
<td style="margin: 0px; vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%; margin-top: 18px;">
<tr>
<td rowspan="4" style="background-color: #888888; width: 24px;"><img src="<?php echo sharedPath ?>images/info.gif" id="headline_info" border="0" alt=""></td>
<td colspan="4" style="background-color: #888888; height: 1px;" height="1"></td>
</tr>
<tr>
<td class="infotext" style="width: 40px;">31.12.</td>
<td class="infotext" style="width: 40px;">23.59.</td>
<td class="infotext">Infotext MySQL</td>
<td rowspan="3" id="infodate">Donnerstag, 31.12.<br>14.41 Uhr</td>
</tr>
<tr>
<td class="infotext" style="width: 40px;">31.12.</td>
<td class="infotext" style="width: 40px;">23.59.</td>
<td class="infotext">Infotext MySQL</td>
</tr>
<tr>
<td class="infotext" style="width: 40px;">31.12.</td>
<td class="infotext" style="width: 40px;">23.59.</td>
<td class="infotext">Infotext MySQL</td>
</tr>
</table>
</td>
<td style="width: 18px;"></td>
</tr>
</table>
Aus der CSS:
#headline_info {
width: 24px;
height: 42px;
padding-top: 18px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.infotext {
font-size: 10px;
color: #000000;
height: 10px;
padding: 0px;
margin: 0px;
padding-left: 8px;
}
#infodate {
font-size: 12px;
color: #888888;
font-weight: bold;
text-align: right;
vertical-align: top;
width: 140px;
}
Weiß jemand Rat?
Gruss Olli