Probleme mit Tabelle im IE

[RuthG]

Hallo,

ich gestalte gerade haufenweise Tabellen für Produkte. Leider zeigt mir der IE nach jedem Tabbellenfeld eine weiße linie an, obwohl ich Border auf 0 gesetzt habe. Im Firefox passiert das nicht. Da ich jede zweite Zeile sowie den Kopfteil mit einer Farbe hinterlegt habe stört das schon sehr.

Wer weiß wie ich dem IE das abgewöhnen kann?

Danke, LG
Ruth

 

[Albu]

Wer weiß wie ich dem IE das abgewöhnen kann?

Keine Ahnung, was hast Du falsch gemacht?

 

[ein schlauer]

wahrscheinlich border-collapse vergessen

 

[mikdoe]

Oder ungleiche Spaltenzahl über mehrere Zeilen, sprich colspan vergessen?

Mal mit temporär border=1 den Gesamtaufbau überprüft?

 

[RuthG]

So sieht der code einer Tabelle aus:

<table>
<tr class="kopf"><td colspan="2" class="cat">415</td><td class="nm">Wavelength</td><td class="mw">Output</td><td class="mod">Mode</td><td class="temp">Op. Temp.</td><td class="pac">Package</td><td class="mon">Monitor</td><td class="pin">Pinout</td><td class="note">Note</td><td class="data">Datasheet</td></tr>
<tr> <td class="new"></td> <td class="name"> RLT415-50PMG </td> <td class="nm"> 415 nm </td> <td class="mw"> 50 mW </td> <td class="mod"> mm </td> <td class="temp"> 40 °C </td> <td class="pac"> 5.6 mm </td> <td class="mon"></td> <td class="pin"></td> <td class="note"> 201 ns pulse </td> <td class="data"> <a href="datasheets/ld/rlt415_50pmg.pdf"><img src="pic/pdf.png" /></a> </td> </tr>
<tr class="bg"> <td class="new"></td> <td class="name"> RLT415-200PMG </td> <td class="nm"> 415 nm </td> <td class="mw"> 200 mW </td> <td class="mod"> mm </td> <td class="temp"> 40 °C </td> <td class="pac"> 5.6 mm </td> <td class="mon"></td> <td class="pin"></td> <td class="note"> 202 ns pulse </td> <td class="data"> <a href="datasheets/ld/rlt415_200pmg.pdf"><img src="pic/pdf.png" /></a> </td> </tr>
<tr> <td class="new"></td> <td class="name"> RLT415-500PMG </td> <td class="nm"> 415 nm </td> <td class="mw"> 500 mW </td> <td class="mod"> mm </td> <td class="temp"> 40 °C </td> <td class="pac"> 5.6 mm </td> <td class="mon"></td> <td class="pin"></td> <td class="note"> 203 ns pulse </td> <td class="data"> <a href="datasheets/ld/rlt415_500pmg.pdf"><img src="pic/pdf.png" /></a> </td> </tr>
<tr class="bg"> <td class="new"></td> <td class="name"> RLT415-1000PMG </td> <td class="nm"> 415 nm </td> <td class="mw"> 1000 mW </td> <td class="mod"> mm </td> <td class="temp"> 40 °C </td> <td class="pac"> 5.6 mm </td> <td class="mon"></td> <td class="pin"></td> <td class="note"> 204 ns pulse </td> <td class="data"> </td> 
</tr>
</table>

und das ist das CSS dazu:

<style type="text/css">
table {
border-spacing:0px;
line-height: 155%;
margin-top:30px;
width:900px;
font-size:0.75em;
font-weight:normal;
margin-bottom:20px;
border-collapse:separate;;
border:0px
}

table td {
padding: 3px 9px;
vertical-align:middle;}

.data {
text-align:center
}

.data img{
height:20px;}

.kopf { background-color: #9999cc;color:#FFFFFF}


.new {width: 25px}
.name {width:120px}
.nm {width: 60px; text-align:right}
.mw {width: 60px; text-align:right;}
.mod {width: 30px; text-align:center}
.temp {width: 65px; text-align:center}
.pac {width: 50px; text-align:center}
.mon {width: 45px; text-align:center}
.pin {width: 40px}
.note {width: 190px; text-align:left}
.data {width: 50px}

.bg {background-color: #CCCCCC}

.kopf { background-color: #9999cc;color:#CCCCCC}
.kopf td {}
.cat { font-size: 15px; font-weight:bold;color:#FFFFFF; text-align:center}
</style>

Keine Ahnung woher die Linie kommt

 

[ein schlauer]

Ich vermute mal von border-collapse:separate
Kann es sein, dass du dort lieber collapse haben möchtest?

 

[RuthG]

jep das war's so einfach kann es sein. Danke!!!