✔ Falsche Border in Table

[Lumakrieger]

HTML:

<table id="header"><tr id="headerTR">
<td id="headerTD1">1</td>
<td id="headerTD2">2</td>
<td id="headerTD3">3</td>
<td id="headerTD4">4</td>
<td id="headerTD5">5</td>
</tr></table>

CSS:

#header {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #444444;
overflow: hidden;
}

#headerTR {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

#headerTD1 {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

#headerTD2 {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

#headerTD3 {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

#headerTD4 {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

#headerTD5 {
padding: 0px;
margin: 0px;
width: 1000px;
border-style: solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-color: #444444;
overflow: hidden;
}

Hi,

mein Problem ist, dass die Tabellenspalten (TD's) zwar durch eine Border-Linie getrennt werden, diese jedoch nicht vollkommen von unten nach oben durchgezogen ist. Ich habe erst gedacht, es gäbe ein Problem mit Padding oder Margin. Da ich diese aber nun auf 0px gesetzt habe und das Problem immer noch besteht, weiß ich nicht mehr weiter. Wer hat Ideen oder wer kann den Fehler an der Wurzel packen?

Schöne Grüße,

luma

 

[Maik]

Hi,

setz mal den Zellenabstand auf null:

<table id="header" cellspacing="0">

mfg Maik

 

[Lumakrieger]

Uuh, genial es geht! Dann hab ich noch eine kleine Frage.
Wie heisst cellspacing in CSS? Weil ich möchte alle Designangaben auslagern.

 

[Maik]

border-spacing

Aber Achtung: Diese Eigenschaft wird in der IE-Familie erst seit dem IE8 unterstützt.

mfg Maik

 

[Lumakrieger]

Okay vielen vielen Dank!