CSS Border-Width:1Px Doesn't Give Me Equally Thin Borders

Difference of pixel in border I can't figure where it is coming from

I can't reproduce the bug, but I may have a solution : you're currently using borders that you don't need. Let me explain : there is a border right on Séjours and a border left on Croisières. So 2 borders, and you're currently hiding one of them.

Using font-size in em, makes your trick (margin-left / margin-right : -2px) unconsistent, because em can't really be converted into px (well it can, but it will depends on the browser calculation so you may need more than 2px to make a border go over another, maybe 1px maybe 1.5487px).

So, my solution : removes all the unecessary borders :

a {
   border-left: 1px solid #fff;
} 
a:last-child {
   border-right: 1px solid #fff;
}

No more borders overlapping, more reliable solution.

Need Thin Table Borders in PDF Generated by cfDocument

Tables are so 90's but this does seem to work for cfdocument pdf (inconsistent on web browser display though):

.tbl {background-color:#000;}
.tbl td,th,caption{background-color:#fff}

...

<table cellspacing="1" class="tbl">
...
</table>

(border-spacing in style setting doesn't work - you have to put the attr in the table tag)

Different thicknesses for the border-collapse in a table on firefox

I solved the problem just changing the CSS code:

table.bordasimples {
    border-spacing: 0px;
    border:1px solid #D2DDD4;
}
table.bordasimples tr td, table.bordasimples tr th
{border:1px solid #D2DDD4;}

I replaced the border-collapse for border-spacing and changed the color of borders, now my table is the way I wanted, and with a better layout.

Thanks everyone!

Preventing double borders in CSS

#divNumberOne { border-right: 0; }

---

Related Topics