SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot BTC's Avatar
    Join Date
    Jul 2010
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Shifting <div>'s

    I opened the site in IE 8 and there is a vertical gap around 5px between the banner image and the navigation bar. Also the banner image is being shifted to the right and is not centering properly with the page. I tried getting rid of the overflow, line-height, and messed around with the padding and margins and I still got the same effect.

    It's probably a simple mistake, but I just can't figure it out.

    Link

    Any help is appreciated!

  2. #2
    SitePoint Addict beebs93's Avatar
    Join Date
    Jul 2010
    Location
    Vancouver, Canada
    Posts
    207
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The link has a default 4px padding applied to it. Also, the link is stretching too high in IE7

    I would add a new CSS rule to tackle those two problems.
    Code CSS:
    #content div.banner a{
    width:800px;
    height:210px;
    padding:0;
    display:block;
    }
    "To be truly dedicated to something
    you must be willing to betray it.
    " -SW

  3. #3
    SitePoint Zealot BTC's Avatar
    Join Date
    Jul 2010
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by beebs93 View Post
    The link has a default 4px padding applied to it. Also, the link is stretching too high in IE7

    I would add a new CSS rule to tackle those two problems.
    Code CSS:
    #content div.banner a{
    width:800px;
    height:210px;
    padding:0;
    display:block;
    }
    That worked! Thank you so much!


Tags for this Thread

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
  •