Results 1 to 2 of 2
Thread: Padding screws up IE
Aug 13, 2003, 20:45 #1
Padding screws up IE
OK, check out http://www.numbera.com/thegirls/media.aspx in IE. See how the bottom border of the main box is shifted over? The rounded effect is caused by three divs inside a container div. One div has the top rounded image, the next has the body content (w/ left and right borders), the other has the bottom rounded image. Well, putting a padding-bottom on the body content div causes that stuff to be shifted over. No padding, no shift. However, no padding, and Mozilla won't extend the background far enough for some text. (see http://www.sitepointforums.com/showt...hreadid=122148 ) So I enable padding and kill IE, or disable padding and kill moz. What's going on here, and how can I fix it.
On a related note (see http://www.sitepointforums.com/showt...hreadid=122321 ) Mac IE also shifts some of those divs (this time the top one) and I have no idea why.
Aug 13, 2003, 21:06 #2
Fixed it! Seems adding "margin: auto" to those divs straigntened them up, though I don't know why it was necessary. Might not work for a non-centered design though. Can people confirm for me that it looks oK?