SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text not in box!

    I created a webpage and only just now checked it in IE7. I was horrified to find that for the past year the text in the 3 boxes at the bottom of the page where not aligned correctly, as they are when viewed in Firefox. Why is that?

    www.accessdatabaserepair.com

    Check in Firefox and then IE7.

    Any simple fix?

    Thanks,

    Jon

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think you have a typo in the reset of the IE browser default 30px left margin.

    Code:
    ul {
    margin-top:0; /* typo? */
    margin-left:0;
    padding-left:15px;
    }
    Happy ADD/ADHD with Asperger's

  3. #3
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've added margin-left:0; to the stylesheet and that has stopped the bullet text from being too far to the right. However, the titles (e.g. Typical Symptoms) are still too high in the boxes, with the box line going through the top of them.

    Any idea on how to fix that?

  4. #4
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Jon Lawrance
    I've added margin-left:0; to the stylesheet and that has stopped the bullet text from being too far to the right. However, the titles (e.g. Typical Symptoms) are still too high in the boxes, with the box line going through the top of them.

    Any idea on how to fix that?
    I think I misled you a little as the case is you are using tables here.

    By just reset the left margin I left the bottom to the default auto in IE. That combined with the zero top margin on the H2 leeds IE to misalign the table content adding bottom space. I should have suggested the common reset:
    Code:
    ul {
    margin-top:0; /* typo? */
    margin:0;
    padding-left:15px;
    }
    Happy ADD/ADHD with Asperger's

  5. #5
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That did it nicely. Thank you!!


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
  •