Because of spacing and probably padding. In ye olde days of HTML tables one would fix this by using
<table spacing="0" padding="0">
but nowadays this is possible to do with CSS.
.innerStyle td {
padding:0;margin:0;
...
}
Question
I have a 100px table cells and I am trying to fit a smaller table with 60 * 1px cells inside each of the outer cells
Could someone tell me why the green stripes are overflowing into the next TD
.innerStyle td {
border-width:0px;
border-collapse: collapse ;
}
Solution
Because of spacing and probably padding. In ye olde days of HTML tables one would fix this by using
<table spacing="0" padding="0">
but nowadays this is possible to do with CSS.
.innerStyle td {
padding:0;margin:0;
...
}