lilo3: Zeilendurchschuss zu groß

Beitrag lesen

Hallo,
ich habe eine tabelle mit ein paar css formatierungen und im 10px fliesstext zu viel zeilendurschuss. line-height habe ich schon ausprobiert - bringt aber nix. was kann ich da tu?

hier mal der code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
}
.text1 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
</style>
</head>

<body><table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
  <tr>
    <td width="50" height="110" valign="middle" bgcolor="#CCCC99"><p>&nbsp;</p></td>
    <td width="450" valign="middle" bgcolor="#CCCC99"><p><span class="headline" id="headline">HEADLINE AND SUBLINE</span><br>
      <br>
      <span class="text1" id="schreiberei">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind
    und wie sie aussehen.</span></p></td>
    <td width="50" valign="middle" bgcolor="#CCCC99">&nbsp;</td>
  </tr>
</table>
<br>
<table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
  <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290" valign="middle"><span class="headline">HEADLINE AND SUBLINE
    <span class="text"><br>
    </span><span class="text1"><br>
    </span></span><span class="text1">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie         aussehen.</span></span></td>
    <td width="50">&nbsp;</td>
  </tr>
</table>
<br>
<table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
  <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
      <br>
      <span class="fliesstext"><span class="text1">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
        aussehen.</span></span></td>
    <td width="50">&nbsp;</td>
  </tr>
</table>
<br>
<table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
  <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
      <br>
      <span class="fliesstext"><span class="text1">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
        aussehen.</span></span></td>
    <td width="50">&nbsp;</td>
  </tr>
</table>
<br>
<table width="550" border="0" cellpadding="0" cellspacing="0" class="tab_pos">
  <tr>
    <td width="50" height="70">&nbsp;</td>
    <td width="160"><img src="Bilder/platzhalter.jpg" alt="" width="150" height="70" align="middle"></td>
    <td width="290"><span class="headline">HEADLINE AND SUBLINE</span><br>
      <br>
      <span class="text1">Das ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie
        aussehen.</span></td>
    <td width="50">&nbsp;</td>
  </tr>
</table>
</body>
</html>

vielen dank im voraus