Tabellen - verschiedene zeilenhöhen

elooo · 14.09.2007, 15:53

Hallo,

ich bin beim erstellen meiner html-page mit dreamweaver wieder mal auf ein problem gestoßen...
bei einer einfachen tabelle werden in verschiedenen browsern verschiedene zeilenhöhen angezeigt.

hier der code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
@import url("../../CSS/Text.css");
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Stil1 {
	font-size: 14px;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Stil7 {font-size: 12px; color: #000000; font-style: normal; border-spacing: 1; font-family: Arial, Helvetica, sans-serif;}
-->
</style>
</head>

<body dir="ltr">
<table width="540" height="217" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="540" height="217" valign="top" class="Text"><p align="left" class="Stil1"> Kader Kampfmannschaft&nbsp; 2007/2008</p>
      <table width="540" height="197" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <col width="95*" />
      <col width="43*" />
      <col width="6*" />
      <col width="112*" />
      <tr bordercolor="#999999" bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center"><strong>Nummer</strong></p></td>
        <td width="199"><p><strong>Spielername</strong></p>          </td>
        <td width="70"><div align="center"><strong>Nummer</strong></div></td>
        <td width="200"><strong>Spielername</strong></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td height="15">&nbsp;</td>
        <td align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
        <td bgcolor="#FFFFFF">&nbsp;</td>
        <td bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td height="15" align="left" bgcolor="#CCCCCC"><div align="center">1</div></td>
        <td bgcolor="#CCCCCC">SODER&nbsp;  			Florian</td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">11</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>WRESSNIG&nbsp;&nbsp;  			Raphael</p></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td width="69" height="15" align="left"><p align="center">&nbsp;</p></td>
        <td width="199" align="left" valign="top"><p>DAXBERGER&nbsp;  			Hannes</p>          </td>
        <td width="70" bgcolor="#FFFFFF"><p align="center">12</p></td>
        <td width="200" bgcolor="#FFFFFF"><p>NACHTIGAL&nbsp;  			Philipp</p></td>
      </tr>
      <tr bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center">2</p></td>
        <td width="199" bgcolor="#CCCCCC"><p>SAHIN&nbsp;&nbsp;  			Arif</p></td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">13</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>KAPLINGER&nbsp;  			Andreas</p></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td width="69" height="15"><p align="center">3</p></td>
        <td width="199"><p>RIZVANOVIC&nbsp;  			Selmir</p></td>
        <td width="70" bgcolor="#FFFFFF"><p align="center">14</p></td>
        <td width="200" bgcolor="#FFFFFF"><p>MIRKOVIC&nbsp;  			Slavisa</p></td>
      </tr>
      <tr bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center">4</p></td>
        <td width="199" bgcolor="#CCCCCC"><p>HUBER&nbsp;  			Gerald</p></td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">15</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>BROUCZEK&nbsp;  			Dominik</p></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td width="69" height="15"><p align="center">5</p></td>
        <td width="199" bgcolor="#FFFFFF"><p>FUCHS&nbsp;  			Andreas</p></td>
        <td width="70" bgcolor="#FFFFFF"><p align="center">16</p></td>
        <td width="200" bgcolor="#FFFFFF"><p>ORDU&nbsp; Fathi</p></td>
      </tr>
      <tr bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center">6</p></td>
        <td width="199" bgcolor="#CCCCCC"><p>SCHWAIGHOFER  			&nbsp;Matthias</p></td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">17</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>CATAKOVIC&nbsp;  			Kemal</p></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td width="69" height="15"><p align="center">7</p></td>
        <td width="199" bgcolor="#FFFFFF"><p>BACHER&nbsp;  			Michael</p></td>
        <td width="70" bgcolor="#FFFFFF"><p align="center">18</p></td>
        <td width="200" bgcolor="#FFFFFF"><p>KAIN&nbsp;  			Christoph</p></td>
      </tr>
      <tr bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center">8</p></td>
        <td width="199" bgcolor="#CCCCCC"><p>LARIONOWS&nbsp;  			Walter</p></td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">19</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>MESIC&nbsp;  			Mirhad</p></td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td width="69" height="15"><p align="center">9</p></td>
        <td width="199" bgcolor="#FFFFFF"><p>OPPERMANN&nbsp;&nbsp;  			Stefan</p></td>
        <td width="70" bgcolor="#FFFFFF"><p align="center">20</p></td>
        <td width="200" bgcolor="#FFFFFF"><p>RUPPRECHTER&nbsp;  			Johannes</p></td>
      </tr>
      <tr bgcolor="#CCCCCC">
        <td width="69" height="15"><p align="center">10</p></td>
        <td width="199" bgcolor="#CCCCCC"><p>BRUNCIC&nbsp;  			Hannes</p></td>
        <td width="70" bgcolor="#CCCCCC"><p align="center">21</p></td>
        <td width="200" bgcolor="#CCCCCC"><p>BERGER&nbsp;  			Dominik</p></td>
      </tr>
    </table>
      <p>&nbsp;</p>
      <table width="299" height="100" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <th width="109" align="left" valign="top" scope="col"><img src="../../Bilder/penco42.jpg" width="98" height="128" /></th>
        <th width="190" align="left" valign="top" scope="col"><p><strong>Obmann  und Sektionsleiter:&nbsp;</strong></p>
          <p><span class="Text"><br />
            Ing.  Josef Penco</span><span class="Text"><br />
            Tel.:  0664/6292871&nbsp;&nbsp;&nbsp;&nbsp;<br />
            <a href="mailto:josef.penco@telekom.at">e-mail:josef.penco@telekom.at</a></span> </p>
          </th>
      </tr>
    </table>
    </td>
  </tr>
</table>
</body>
</html>

wär super wenn mir wer sagen könnte woran das liegt.

lg elooo

rewboss · 14.09.2007, 16:44

Viele Browser ignorieren den height-Attribut für Tabellen. Aber auch die, die ihn nicht ignorieren, betrachten solche Angaben nicht als Befehle, sondern als Vorschläge -- vor allen Dingen wird die Zelle bei Bedarf vergrößert.

elooo · 14.09.2007, 19:00

heisst das für mich dass ich eigentlich nichts dagegen machen kann?

rewboss · 14.09.2007, 21:53

Ich nehme an, der IE zeigt die Tabelle so an, wie du sie haben willst, und Firefox zeigt sie falsch an, stimmt's?

Mach die <p>-Tags in den Tabellenzellen weg. Ein <p>-Element hat oben und unten ein Margin: dies ignoriert IE in diesem Fall, der FF aber vergrößert die Tabellenzellen, um das Margin anzeigen zu können.