lilo3: Zeilendurchschuss zu groß

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

  1. Hallo,

    ich habe eine tabelle

    Warum? Und warum zeichnest du Überschriften und Fließtext nicht als solche aus?

    mit ein paar css formatierungen

    Warum nutzt du nicht konsequent CSS?

    und im 10px fliesstext zu viel zeilendurschuss.

    Abgesehen davon das 10px nicht grade augenfreundlich sind ... wo genau ist der durchschuss zu gross?

    line-height habe ich schon ausprobiert - bringt aber nix.

    Wo und wie hast du das ausprobiert?

    Gruß
    Ole

  2. @@lilo3:

    nuqneH

    <style type="text/css">
    <!--

    Der HTML-Kommentar geht nirgens zu. Rendern Browser die als Elemente nicht vorhandenen Inhalte tatsächlich?

    Und es ist völlig überflüssig, Inhalte von style-Elementen (oder script-Elementen) auszukommentieren.

    Qapla'

    --
    Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)