View Full Version : Pixel jog issue on border of div with table

02-01-2012, 03:04 PM
I'm getting a strange behavior on a div's border, going a few pixels outside it's containing class. It's the div titled "upcoming events" on a site I'm developing. Not sure if it's an issue with the H2 tag above it or with the table inside the div.
It's only happening on the left side and not the right side.
It's consistently happening in Chrome, IE and Firefox.

02-01-2012, 05:22 PM
I think you've got 2 extra pixels in the bottom half of that event box (#eventsTable) because of the border. I don't know specifically how to solve that one, but I've done boxes like this before and what I'd recommend is creating one div for the whole box (i.e. your #events div) which includes the border and the background color of the lower half of the box. Then lay inside it the h2 (with gradient background) and the #eventsTable but do not give them borders. Then they can be 100% width without being larger than the containing box.


02-02-2012, 12:12 AM
Thanks so much, it worked as you can see on my site. Glad I found this forum.