nicht angemeldet
Rahmen werden falsch dargestellt
Hallo alle zusammen hoffentlich kann mir jemand von euch helfen bin schon den ganzen Tag am rum machen nur finde denn Fehler nicht.
Habe eine Tabelle (s.unten) hier ist ein Rahmen (Gitternetz) definiert wenn ich diese tabelle im IE aufrufen wird der rahmen dargestellt:
in zellen mit inhalt - grau (richtig) in zellen ohne inhalt - weiß (falsch)
im mozilla wird es komplett richtig (grau) dargestellt woran liegt das?
Liebe Grüße
HTML Datei / CSS (weiter unten):
<?xml version="1.0" encoding="windows-1252"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Teamsicht</title>
<link href="tabelle.css" rel="stylesheet" type="text/css"></link>
</head>
<body onScroll="parent.scrollen()" onmouseover="parent.aktFrame=window.name;">
<div id="cont">
<table cellpadding="0" cellspacing="0"> <tr> <td class="name" >Name</td> <td class="einheit">Einheit</td> <td class="zahl">01</td> <td class="zahl">02</td> <td class="zahl">03</td> <td class="zahl">04</td> <td class="zahl">05</td> <td class="zahl">06</td> <td class="zahl">07</td> <td class="zahl">08</td> <td class="zahl">09</td> <td class="zahl">10</td> <td class="zahl">11</td> <td class="zahl">12</td> <td class="zahl">13</td> <td class="zahl">14</td> <td class="zahl">15</td> <td class="zahl">16</td> <td class="zahl">17</td> <td class="zahl">18</td> <td class="zahl">19</td> <td class="zahl">20</td> <td class="zahl">21</td> <td class="zahl">22</td> <td class="zahl">23</td> <td class="zahl">24</td> <td class="zahl">25</td> <td class="zahl">26</td> <td class="zahl">27</td> <td class="zahl">28</td> <td class="zahl">29</td> <td class="zahl">30</td> </tr >
<tr> <td class="seite1">Georg Zimmermann</td> <td class="seite1">HS-AT</td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td>
<td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td>
</tr> <tr> <td class="seite2">Kurt Scherer</td> <td class="seite2">HS-AT</td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"></td> <td class="links2"></td> <td class="links2"></td>
<td class="links2"></td> <td class="links2"></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links2"></td> <td class="links2"></td>
</tr> <tr> <td class="seite1">Gustav Bartsch</td> <td class="seite1">HS-AT</td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"><img src="IMG/rotpunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/rotpunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/rotpunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/rotpunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"><img src="IMG/graupunkt.gif" width="12" height="12" alt="arbeitsfrei" /></td> <td class="links1"></td> <td class="links1"></td>
</tr> </table>
</div> </body> </html>
CSS:
#cont { position:absolute; }
table { table-layout:fixed; }
td { height:30px; padding:2px; color:#000000; font-size:14px; font-family:Arial, sans-serif; white-space:nowrap; table-layout:fixed; text-align:center; }
.name { font-weight:700; width:150px; table-layout:fixed; text-align:left; }
.einheit { font-weight:700; width:75px; table-layout:fixed; text-align:left; } .seite1 { text-align:left; background-color:#E7EFFF; table-layout:fixed;
}
.seite2 { text-align:left; background-color:#ffffff; table-layout:fixed;
}
.zahl { width:25px; text-align:center; }
.oben { font-weight:700; font-family:Arial, sans-serif; }
.links1 { background-color:#E7EFFF; border-right-style:solid; border-right-width:1px; border-right-color:#CECFCE; }
.links2 { background-color:#ffffff; border-right-style:solid; border-right-width:1px; border-color:#CECFCE; }
-
Hallo Sebastian,
es ist hier zwar erwünscht, dass du Quelltext postest, aber bitte nicht den ganzen! Das macht dein Posting sehr unübersichtlich; zumal bei einer so banalen Frage, zu der du im Archiv sicherlich schnell eine Antwort gefunden hättest.
<td class="links2"></td>
Die leeren Zellen müssen einfach nur einen Inhalt haben, damit sie die TD-Eigenschaften annehmen.
<td class="links2"> </td>
Nimm also einfach z.B. wie hier ein erzwungenes Leerzeichen.
Gruß
Lachgas -
Hallo Sebastian,
in zellen mit inhalt - grau (richtig)
in zellen ohne inhalt - weiß (falsch)im mozilla wird es komplett richtig (grau) dargestellt woran liegt das?
hilft vielleicht ein empty-cells:show;?
HTML Datei / CSS (weiter unten):
poste bitte nur den relevanten Teil des Codes.
<td class="zahl">01</td>
<td class="zahl">02</td>
<td class="zahl">03</td>
<td class="zahl">04</td>
[...]du möchtest <tr> eine Klasse verpassen und den Nachfolgeselektor verwenden.
Grüße aus Nürnberg
Tobias