Hallo Leute,
ich habe eine Tabelle erstellt, die ich mithilfe von CSS gestylt habe, leider sieht das Ergebnis im Safari und Chrome sehr gut aus, im Firefox und IE dagegen überhaupt nicht!
Die Breite der Spalten stimmt nicht und auch der Header wird überhaupt nicht angezeigt:(
Danke für die Hilfe schonmal im vorraus:)
Die html Datei:
<head>
<script type="text/javascript" language="javascript">
function setVisibility(rowName) {
// Tabellenzelle ermitteln
var actualVisibility=document.getElementById(rowName).style.visibility;
if(actualVisibility=='' 
actualVisibility=='visible') {
document.getElementById(rowName).style.visibility = "hidden";
document.getElementById(rowName).style.display = "none";
} else {
document.getElementById(rowName).style.visibility = "visible";
document.getElementById(rowName).style.display = "";
}
}
</script>
<link rel="stylesheet" type="text/css" href="template_css.css">
</head>
<body>
<div id="Tabelle">
<TABLE CLASS="MYTABLE">
<CAPTION CLASS="MYTABLE"><img src="images/Kurseleiste.jpg" height="30px" width="750px"></CAPTION>
<THEAD>
<TR CLASS="MYTABLE">
<TH CLASS="MYTABLE" nowrap="nowrap" >Gruppe</TH>
<TH CLASS="MYTABLE" nowrap="nowrap">Freie Plaetze</TH>
<TH CLASS="MYTABLE" nowrap="nowrap">Ankuendigung</TH>
<TH CLASS="MYTABLE" nowrap="nowrap">Anmeldung</TH>
</TR>
</THEAD>
<TBODY>
<TR CLASS="MYTABLE">
<TD CLASS="MYTABLE"<a href="#" onclick="setVisibility('GruppeA')">+</TD>
<TD CLASS="MYTABLE">15</TD>
<TD CLASS="MYTABLE">Verbindliche Anmeldung</TD>
<TD CLASS="MYTABLE">AI,WI</TD>
</TR>
</TBODY>
<TR CLASS="MYTABLE" id="GruppeA" name="GruppeA">
<TD CLASS="MYTABLE" colspan="4"><table width="0" >
<tr>
<td></td>
</tr>
</table></td>
</tr>
</body>
</html>
und die CSS Angaben:
#Tabelle
{
padding-top:100px;
padding-right:0px;
padding-bottom:0px;
padding-left:130px;
TABLE.MYTABLE
{
font-family:arial;
border-collapse:collapse;
font-size:16px;
background-color:#black;
width:650px;
font-size:14px;
}
TH.MYTABLE
{
height:30px;
font-size:14px;
color:white;
text-align:center;
border-style:solid;
border-color:#E6E6FA;
border-width:1px;
}
TR.MYTABLE
{
}
TD.MYTABLE
{
text-align:center;
height:20px;
font-size:14px;
background-color:#white;
color:#FF8C00;
border-style:solid;
border-color:#E6E6FA;
border-width:1px;
}