SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Oh my. This can not be happening

    I am almost about to launch this site and I decide I better make sure it still works in IE6 and KABOOM. I checked it way back when I started and all looked good. Still looks fine in IE7, Firefox, and Safari.

    I just love IE6.

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is why it is a good idea to continually check cross-browser during development.

    You have triggered IE6's 3px jog due to floats (the side columns) beside a dimensioned element (the center content). Reducing the side paddings of 18px on #content to 15px just for IE6 will bring the centre column back up.

    As for the <li> spacing on the left column lists, try block display on the <li>s.

  3. #3
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Centauri,

    You were right of course about the 3px jog and it is now corrected. Thank you.

    However the <li> set to block had no effect unless I did it wrong.

    It was like this:
    Code:
    #p7PMnav li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    and I added:
    Code:
    #p7PMnav li {
        list-style-type: none;
        display:block;
        margin: 0;
        padding: 0;
    }
    Any ideas?

    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  4. #4
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #left li { float: left; width: 100%}
    seems to fix the li's in IE6

  5. #5
    SitePoint Guru redhillccwebmas's Avatar
    Join Date
    Jun 2005
    Posts
    989
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Setting the li's to block won't do anything, as li's are inherently block-level elements anyway

  6. #6
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought though this what you were asking me to do on a previous post.

    As for the <li> spacing on the left column lists, try block display on the <li>s.
    Guess I misunderstood
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  7. #7
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by htown View Post
    I thought though this what you were asking me to do on a previous post.
    I was the one who suggested that, as it looked like that fixed part of the problem while I was playing around with the WAT toolbar, but revisiting this, it appears the float will do it.

  8. #8
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks you guys. I tis now working.
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.


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
  •