SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist dalangalma's Avatar
    Join Date
    Aug 2002
    Posts
    468
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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.
    Web Design:
    http://www.numbera.com/
    Free Web Design Resources and Software:
    http://brh.numbera.com/

  2. #2
    SitePoint Evangelist dalangalma's Avatar
    Join Date
    Aug 2002
    Posts
    468
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?
    Web Design:
    http://www.numbera.com/
    Free Web Design Resources and Software:
    http://brh.numbera.com/


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •