Qudus
15-03-2006, 14:26
hi
Ich habe ein Problem im Firefox, das zwar ein Firefox-Bug ist aber wofür es vielleicht eine Lösung gibt.
Wenn ich in einer Tabelle border-collapse einschalte und rowspan verwende, läuft eine Border unter bestimmten Umständen reproduzierbar in umliegende Zellen über.
Dieses Beispiel demonstriert das:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Firefox: Border-Test</title>
<style type="text/css">
td.zelle
{
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<center>
<table border="0" cellspacing="0" cellpadding="0" style="margin-top: 50px; table-layout: fixed; empty-cells: show; border-collapse: collapse;">
<tbody>
<tr>
<td colspan="1" rowspan="2" class="zelle" style="width: 20px; height: 40px; border: 3px solid black;">
a
</td>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: cyan;">
b
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: red;">
c
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: brown;">
e
</td>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: yellow;">
f
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Kennt dafür jemand eine Lösung?
Gruß, Qudus
PS: Ich verwende Firefox 1.5.0.1 und im 1.6er ist es genauso.
Ich habe ein Problem im Firefox, das zwar ein Firefox-Bug ist aber wofür es vielleicht eine Lösung gibt.
Wenn ich in einer Tabelle border-collapse einschalte und rowspan verwende, läuft eine Border unter bestimmten Umständen reproduzierbar in umliegende Zellen über.
Dieses Beispiel demonstriert das:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Firefox: Border-Test</title>
<style type="text/css">
td.zelle
{
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<center>
<table border="0" cellspacing="0" cellpadding="0" style="margin-top: 50px; table-layout: fixed; empty-cells: show; border-collapse: collapse;">
<tbody>
<tr>
<td colspan="1" rowspan="2" class="zelle" style="width: 20px; height: 40px; border: 3px solid black;">
a
</td>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: cyan;">
b
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: red;">
c
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: brown;">
e
</td>
<td colspan="1" rowspan="1" class="zelle" style="width: 20px; height: 20px; background-color: yellow;">
f
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Kennt dafür jemand eine Lösung?
Gruß, Qudus
PS: Ich verwende Firefox 1.5.0.1 und im 1.6er ist es genauso.