Willkommen auf dem Portal für Mediengestalter

NorthernNuRock · Threadersteller

Hey,

ich bin noch ein Newbie im HTML und CSS. Deshalb hier mal eine Frage. Ich möchte eine Tabelle mit CSS formatieren. Klappt im Firefox auch alles ganz gut, nur zerpflückt mir der IE7 das Layout. Vielleicht weiss ja einer von euch Rat.

Danke schon mal.

Hier mal der Code:

<html>
<head>
<style type="text/css">
table {
border: 0px solid #b1b1b1;
border-collapse: collapse;
margin: 10px 0 20px 0;
padding: 0;
}

tr {
margin: 0;
padding: 0;
}

td {
padding: 5px 10px 5px 10px;
margin: 0;
}

.rot {
color: #ab2222;
font-weight: bold;
width: 220px;
}

th {
color: #ab2222;
font-weight: bold;
}

.angabe {
text-align: right;
width: 30px;
}
</style>
</head>

<body>
<table cellpadding="3" cellspacing="0" border="1">
<tr>
<td class="rot">bla</td>
<td class="angabe">4</td>
</tr>
<tr>
<td class="rot">bla</td>
<td class="angabe">66</td>
</tr>
<tr>
<td class="rot">bla</td>
<td class="angabe">3</td>
</tr>
<tr>
<td class="rot">bla</td>
<td class="angabe">4</td>
</tr>
<tr>
<td class="rot">bla</td>
<td class="angabe">6</td>
</tr>
</table>
</body>
</html>

Willkommen auf dem Portal für Mediengestalter

Thema: IE zerpflückt Tabelle vom 25.06.2008

IE zerpflückt Tabelle