nicht angemeldet
Opera zeigt beharrlich Tabellenrahmen an
Hi,
ich bastel gerade an einer etwas komplexeren Tabelle für ein Periodensystem, bei der einige Zellen Rahmen haben und andere nicht.
Während der IE und FF es so anzeigen, wie ich das gerne möchte, zeigt mir Opera an einer Stelle beharrlich eine Gitterlinie an, wo eigentlich keine sein soll. Ich hab schon versucht, alle angrenzenden Zellen auf style="border:0px" zu stellen, aber es klappt einfach nicht.
Hier mal der Code:~~~html
<html>
<head>
<style type="text/css">
.kopf { line-height:20px; border:1px solid #000; font-weight:bold; }
.periode { line-height:30px; border:1px solid #000; font-weight:bold; width:20px; }
.alkalimetall { line-height:30px; border:1px solid #000; background-color:#93cddd; }
.erdalkalimetall { line-height:30px; border:1px solid #000; background-color:#d8d8d8; }
.uebergangsmetall { line-height:30px; border:1px solid #000; background-color:#fbe66b; }
.metall { line-height:30px; border:1px solid #000; background-color:#7da7c9; }
.halbmetall { line-height:30px; border:1px solid #000; background-color:#fcd5b4; }
.nichtmetall { line-height:30px; border:1px solid #000; background-color:#e46d0a; }
.halogen { line-height:30px; border:1px solid #000; background-color:#c2d69a; }
.edelgas { line-height:30px; border:1px solid #000; background-color:#b8cce4; }
.lanthanoid { line-height:30px; border:1px solid #000; background-color:#eaf1dd; }
.actinoid { line-height:30px; border:1px solid #000; background-color:#f2777c; }
.unbekannt { line-height:30px; border:1px solid #000; background-color:#ffffff; }
</style>
</head>
<body>
<table border="0" width="560" cellpadding="0" cellspacing="0" style="border-collapse:collapse; text-align:center; font-size:9px; font-family:Verdana">
<tr>
<td colspan="2"></td>
<td rowspan="10"> </td><!-- Spalte zwischen Periode und PSE -->
<td class="kopf" colspan="2">Hauptgruppen</td>
<td class="kopf" colspan="10">Nebengruppen</td>
<td class="kopf" colspan="6">Hauptgruppen</td>
</tr>
<tr style="line-height:20px; font-weight:bold">
<td colspan="2"></td>
<td class="kopf" width="5%">1</td>
<td class="kopf" width="5%">2</td>
<td class="kopf" width="5%">3</td>
<td class="kopf" width="5%">4</td>
<td class="kopf" width="5%">5</td>
<td class="kopf" width="5%">6</td>
<td class="kopf" width="5%">7</td>
<td class="kopf" width="5%">8</td>
<td class="kopf" width="5%">9</td>
<td class="kopf" width="5%">10</td>
<td class="kopf" width="5%">11</td>
<td class="kopf" width="5%">12</td>
<td class="kopf" width="5%">13</td>
<td class="kopf" width="5%">14</td>
<td class="kopf" width="5%">15</td>
<td class="kopf" width="5%">16</td>
<td class="kopf" width="5%">17</td>
<td class="kopf" width="5%">18</td>
</tr>
<tr>
<td colspan="21"> </td><!-- Leerzeile zwischen Gruppe und PSE -->
</tr>
<tr>
<td class="periode" style="line-height:20px" rowspan="7">P<br>e<br>r<br>i<br>o<br>d<br>e</td>
<td class="periode">1</td>
<td class="nichtmetall">H</td>
<td colspan="16"></td>
<td class="edelgas">He</td>
</tr>
<tr>
<td class="periode">2</td>
<td class="alkalimetall">Li</td>
<td class="erdalkalimetall">Be</td>
<td colspan="10"></td>
<td class="halbmetall">B</td>
<td class="nichtmetall">C</td>
<td class="nichtmetall">N</td>
<td class="nichtmetall">O</td>
<td class="halogen">F</td>
<td class="edelgas">Ne</td>
</tr>
<tr>
<td class="periode">3</td>
<td class="alkalimetall">Na</td>
<td class="erdalkalimetall">Mg</td>
<td colspan="10"></td>
<td class="metall">Al</td>
<td class="halbmetall">Si</td>
<td class="nichtmetall">P</td>
<td class="nichtmetall">S</td>
<td class="halogen">Cl</td>
<td class="edelgas">Ar</td>
</tr>
<tr>
<td class="periode">4</td>
<td class="alkalimetall">K</td>
<td class="erdalkalimetall">Ca</td>
<td class="uebergangsmetall">Sc</td>
<td class="uebergangsmetall">Ti</td>
<td class="uebergangsmetall">V</td>
<td class="uebergangsmetall">Cr</td>
<td class="uebergangsmetall">Mn</td>
<td class="uebergangsmetall">Fe</td>
<td class="uebergangsmetall">Co</td>
<td class="uebergangsmetall">Ni</td>
<td class="uebergangsmetall">Cu</td>
<td class="uebergangsmetall">Zn</td>
<td class="metall">Ga</td>
<td class="halbmetall">Ge</td>
<td class="halbmetall">As</td>
<td class="nichtmetall">Se</td>
<td class="halogen">Br</td>
<td class="edelgas">Kr</td>
</tr>
<tr>
<td class="periode">5</td>
<td class="alkalimetall">Rb</td>
<td class="erdalkalimetall">Sr</td>
<td class="uebergangsmetall">Y</td>
<td class="uebergangsmetall">Zr</td>
<td class="uebergangsmetall">Nb</td>
<td class="uebergangsmetall">Mo</td>
<td class="uebergangsmetall">Tc</td>
<td class="uebergangsmetall">Ru</td>
<td class="uebergangsmetall">Rh</td>
<td class="uebergangsmetall">Pd</td>
<td class="uebergangsmetall">Ag</td>
<td class="uebergangsmetall">Cd</td>
<td class="metall">In</td>
<td class="metall">Sn</td>
<td class="halbmetall">Sb</td>
<td class="halbmetall">Te</td>
<td class="halogen">I</td>
<td class="edelgas">Xe</td>
</tr>
<tr>
<td class="periode">6</td>
<td class="alkalimetall">Cs</td>
<td class="erdalkalimetall">Ba</td>
<td class="uebergangsmetall">La</td>
<td class="uebergangsmetall">Hf</td>
<td class="uebergangsmetall">Ta</td>
<td class="uebergangsmetall">W</td>
<td class="uebergangsmetall">Re</td>
<td class="uebergangsmetall">Os</td>
<td class="uebergangsmetall">Ir</td>
<td class="uebergangsmetall">Pt</td>
<td class="uebergangsmetall">Au</td>
<td class="uebergangsmetall">Hg</td>
<td class="metall">Ti</td>
<td class="metall">Pb</td>
<td class="metall">Bi</td>
<td class="halbmetall">Po</td>
<td class="halogen">At</td>
<td class="edelgas">Rn</td>
</tr>
<tr>
<td class="periode">7</td>
<td class="alkalimetall">Fr</td>
<td class="erdalkalimetall">Ra</td>
<td class="uebergangsmetall">Ac</td>
<td class="uebergangsmetall">Rf</td>
<td class="uebergangsmetall">Db</td>
<td class="uebergangsmetall">Sg</td>
<td class="uebergangsmetall">Bh</td>
<td class="uebergangsmetall">Hs</td>
<td class="uebergangsmetall">Mt</td>
<td class="uebergangsmetall">Ds</td>
<td class="uebergangsmetall">Rg</td>
<td class="uebergangsmetall">Uub</td>
<td class="metall">Uut</td>
<td class="metall">Uuq</td>
<td class="metall">Uup</td>
<td class="metall">Uuh</td>
<td class="unbekannt">Uus</td>
<td class="edelgas">Uuo</td>
</tr>
</table>
</body>
</html>
Opera zeigt mir links neben der zweiten Zeile
" | 1 | 2 | 3 | ... | 18 |"
eine horizontale Linie, also quasi:
"\_\_\_\_\_\_| 1 | 2 | 3 | ... | 18 |"
Was überseh ich denn da? Oder spinnt der Browser einfach? :D
-
Es war so klar: nachdem ich ne halbe Stunde rumprobier und nichts finde, poste ich hier und 1 Sekunde später seh ich den Fehler :D
Hatte mich mit den col- und rowspans verheddert.