SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: 1px gap in IE 6

  1. #1
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    1px gap in IE 6

    Anyone know what is causing that 1px gap on the right side of my website, in IE6? It hasn't always been there - showed up a few days ago, but I haven't found anything in my entries that made it stretch.

    There's no gap in Mozilla or Opera 7.

    Thanks in advance!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I see no gap in IE6SP1/Windows 2000 SP3. Here's a screenshot
    Attached Images Attached Images

  3. #3
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, it's there. I can see it on your screen shot.

    The gap is white, 1px wide, and between the right 1px black border and the blue sidebar. It is easiest to spot at the top of the sidebar (where, due to a gradient, the blue is darker), and at the bottom of the sidebar, where the bottom 1px border doesn't meet the right 1px border.

    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I think it may just be a rendering glitch in IE then. I can't see anything wrong in your code that would do this.

    Also:
    Code:
    <div class="code">div.pullquote {<br />
    float: right;<br />
    width: 150px;<br />
    margin: 10px;<br />
    margin-left: 15px;<br />
    margin-right: 0;<br />
    padding: 0;<br />
    
    color: #333;<br />
    font-family: georgia, palatino, serif;<br />
    font-size: 20px;<br />
    text-align: center;<br />
    line-height: 24px;<br />
    }</div>
    Ever hear of the <pre> tag?

  5. #5
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    I think it may just be a rendering glitch in IE then. I can't see anything wrong in your code that would do this.

    Ever hear of the <pre> tag? [img]images/smilies/tongue.gif[/img]
    Rendering glitch, eh? Darn IE!

    Yes! It just never seems to work for me, so I didn't even try it. Anyways, it uses the <pre> now. Thanks for pointing that out.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  6. #6
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, I went through each entry's permalink to find which entry, in particular, was causing the gap, and it ended up being THIS ENTRY.

    The image has a width of 400, just like many of the images that are in my entries, so I don't think that is causing the gap.

    Does anyone see what it could be?
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  7. #7
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ech - problem solved. The couple lines of italic font in the entry seemed to be the problem because they extended past the div. I would rather have kept them, but I just replaced them with brackets.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.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
  •