Hallo allerseits,
schade, funktioniert doch nicht richtig, Opera und Mozilla machen es, wie es sein soll. Die Seite validiert als korrektes HTML401Trans, das CSS validiert als CSS2. Dennoch spuckt der IE folgendes aus:
<img src="http://upload.thknuth.de/selfraum/tabellenkopf_ie.png" border="0" alt="">
Hier nochmal HTML & CSS, wie es jetzt im Augenblick aussieht:
<table cellspacing="0" cellpadding="0" id="index">
<tr style="height: 30px;">
<th class="lang-tab">
<img src="/grafiken/sprachen/de.gif" alt="[DE]" class="flag" />
Deutsch
</th>
<th class="lang-tab-en">
<img src="/grafiken/sprachen/uk.gif" alt="[UK]" class="flag" />
<img src="/grafiken/sprachen/us.gif" alt="[US]" class="flag" />
English
</th>
<th class="lang-tab">
<img src="/grafiken/sprachen/fr.gif" alt="[FR]" class="flag" />
Français
</th>
<th class="lang-tab">
<img src="/grafiken/sprachen/ru.gif" alt="[RU]" class="flag" />
По-Русскй
</th>
<th class="lang-tab-empty"> </th>
</tr><tr style="height: auto;">
<td colspan="5" style="width: 100%; min-width: 100%; max-width: 100%; height: auto;"> abc </td>
</tr>
</table>
TABLE#index {
width: 66%; min-width: 66%; max-width: 66%;
height: 66%; min-height: 66%; max-height: 66%;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
margin-bottom: auto;
color: #000;
background: #EEE none no-repeat center;
padding: 0px;
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
border-spacing: 0px;
border: dotted;
}
th {
border-style: dotted;
border-color: Black;
}
th.lang-tab {
width: auto; min-width: 25px; /* max-width: 15%; */
border-style: dotted;
border-color: Black;
}
th.lang-tab-en {
width: auto; min-width: 50px; /* max-width: 15%; */
border-style: dotted;
border-color: Black;
color: Black;
background-color: Blue;
}
th.lang-tab-empty {
width: 100%; /* min-width: none; max-width: none; */
border-style: dotted;
border-color: Black;
}
img.flag {
width: 18px;
height: 12px;
margin: 0px;
padding: 0px 1px 0px 0px;
/* padding-right: 1px; */
border: none;
}
Gruss, Thoralf
Sic Luceat Lux!