Vertical border not aligning in Header / Body

Vertical border not aligning in Header / Body

traelocrtraelocr Posts: 3Questions: 0Answers: 0
edited December 2013 in FixedHeader
The vertical borders on my table are not always aligning (between header and body). It looks like it depends on cell content, table width, zoom factor of the browser.

Thank you for your help.


An example of it: (play with the zoom factor, width of result pane view)
http://jsfiddle.net/SLuy6/
An image of the problem:
http://justpaste.it/dv1a

Replies

  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin
    > border-collapse: collapse;

    Change that to `border-collapse: separate;`

    Allan
  • traelocrtraelocr Posts: 3Questions: 0Answers: 0
    I've updated the example with border-collapse: separate. (http://jsfiddle.net/4wLzk/)
    It is still sometimes misaligned. Is it possible to get rid of it?
  • allanallan Posts: 61,972Questions: 1Answers: 10,160 Site admin
    Only when zoomed? And only in IE? Seems to work okay for me in Chrome.
  • traelocrtraelocr Posts: 3Questions: 0Answers: 0
    Yes, when zoomed. In IE, Firefox and Chrome. Mostly when the table don't have a lot of place or not enough place and the horizontal scroll bar (of the site, not table) becomes visible.
This discussion has been closed.