SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: An IE7 Question

  1. #1
    SitePoint Zealot
    Join Date
    Nov 2007
    Posts
    101
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    An IE7 Question

    Hello,

    On this site I have two IE7 issues. http://www.cateringbydale.com

    One is that logo at the bottom of the main menu goes outside the box that's supposed to contain it. You can see how it's supposed to look on Firefox.

    The other issue is on the Behind the Scenes page where the slideshow covers the last sentence of the paragraph above it.

    The problem I always have is that you can find tons of material on IE7 bugs and how to fix them but I am rotten at figuring out which bug is making trouble for my pages.

    Thanks in advance.

    Luciano

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You ae using a negative margin to align that logo at the bottom of the menu because you didn't remove the default padding from the ul. IE7 doesn't apply default padding so it gets moved off screen instead.

    Remove the padding:
    Code:
    div#sidebar1 ul {
      margin: 280px 0 0;
      padding: 0;
    }
    Then adjust the negative margin on that image and all browsers will be the same.

    Finding and recognising bugs does take time but if you read the faq you will see most of the common ones mentioned there. In the end it's just practice and experience.

    However as a start always remember that elements may have default padding and margins so you need to explicitly set them for the elements you use (apart from form elements which you may want to leave alone).

  3. #3
    SitePoint Zealot
    Join Date
    Nov 2007
    Posts
    101
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks very much. I'll read up in the faq on IE7 bugs and also the interesting looking article on the site about phasing out support for IE7. Thanks so much for your time.


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
  •