Tabellenzeile hat nicht richtige Länge

[syuam]

hey leute,
also hier meine Tabellenzeile:

<table>
  <tr>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
    <td><img style="border:#666 1px solid;" src="#" width="10" height="10" border="1" /></td>
  </tr>
</table>

// Anschließend habe ich einen div-Container unter der Zeile platziert und die Längen stimmten nicht überein:

<div id="pageFooter">Text</div>

die css-Angaben zu "pagefooter":

#pageFooter {
    border:#999 1px solid;
    background-color:#F4F4F4;
    width:100px;
    background-color: blue;

}

Nun dachte ich erst, das die Tabellezeile logischerweise 100px breit ist...dann habe ich einen div-Container unter die Zeile platziert und ich sah, dass die Breiten nicht übereinstimmen.
Nun ist wohl der "pageFooter" 100px breit, jedoch die Tabellenzeile nicht.
Wie kriege ich die Tabellenzeile auch auf 100px?
ps:die einzelnen "border" zwischen den Tabellenzellen sollten erhalten bleiben.
Liebe Grüße und dank euch

 

[MrMurphy]

Hallo,

border wird zu der width der Zellen hinzugefügt. Jede Zelle ist also 12px breit.

Ein Link zur Seite wäre besser also die Quellcodeschnipsel.

Gruss

MrMurphy

 

[syuam]

mhm Seite ist noch nicht online, daher kein Link :/
Das "border" ist doch 1px dick. Wenn es zum "width" der Zelle hinzugefügt wird, kommt man doch auf 10px+1px=11px oder? woher die 12px?
edt: achja stimmt auf beiden Seiten: 1px+10px+1px=12px
LG und danke dir

 

[syuam]

Gibt es denn die Möglichkeit das "border" einer Tabllenzelle in die Tabellenzelle zu verschieben?
Sodass, das gesamte "width" der Tabellenzelle trotzdem auf 10px kommt?
LG und danke

 

[scbawik]

Da kommt doch niemand mit :)

Sieh dir mal "box-sizing" an, das könnte vielleicht helfen.

 

[threadi]

Verringere die Breite von 10 auf 8 Pixel :)

Außerdem könnte die Eigenschaft "table-collapse: collpapse;" noch interessant sein.

 

[syuam]

border collapese habe ich schon drinne. Das bewirkt aber nur, dass es keinen Abstand zwischen den einzelnen Tabellenzellen gibt.

Ich habe auch schon versucht "border" auf "0.1px" zu setzen, hat aber nicht geklappt->"border" blieb die gleiche.
"1px thin black" ist auch das gleiche wie "1px solid black", weiß nicht wieso...
Ich denke mal ich muss aus 8px width setzen.
danke euch :)

 

[thuemmy]

Ich habe auch schon versucht "border" auf "0.1px" zu setzen, hat aber nicht geklappt->"border" blieb die gleiche.

Das ist jetzt aber nicht Dein Ernst... oder doch? 1 Pixel ist die kleinste Informationseinheit einer Grafikkarte.