...

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



curtinj
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.
http://curtingolf.com/redesign12/
It's only happening on the left side and not the right side.
It's consistently happening in Chrome, IE and Firefox.

tracknut
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.

Dave

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum