IE6, Dotted/Dashed Lines, and Scrolling

Discussion in 'CSS' started by xSDMx, Jan 4, 2009.

  1. #1
    This has been driving me crazy - in how do you format the CSS to make IE6 stop glitching up dashed/dotted lines? Check my site below; when a user scrolls the lines turn semi-solid.
     
    xSDMx, Jan 4, 2009 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Since I don't see any dotted or dashed lines on your page in any browser, that's hard for me to say - though those types of rendering errors are usually caused by elements not tripping 'haslayout' or one of the oddball comment/float combination quirks (though that's more likely to cause dissapearing content and/or double rendering)
     
    deathshadow, Jan 5, 2009 IP
  3. xSDMx

    xSDMx Peon

    Messages:
    143
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    There's a dotted line in the top right welcome bar.
     
    xSDMx, Jan 5, 2009 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Welcome Bar? do you have to log in to see that or something? Only dotted lines I'm seeing are on your hover states for anchors - and those are working fine everywhere.

    Oh, wait... I see it. Ok, I don't see it, but I see where you mean. Had to zoom in 5x since in Opera and FF the 'dotted' grey on a grey background just looks like a solid line...

    Now that I see what you mean in IE6... Hmm. I'd assume that's a haslayout issue - has most of the telltales. I'd make sure haslayout is tripped on both the element wrapping that section, and the section itself.

    Though there are other code 'issues' like the unneccesary clearing div, paragraphs around non-paragraph content, two or three times as many DIV and classes as needed, presentational markup, etc, etc. In addition to making certain 'haslayout' is tripped on that section, I'd set the outermost container to wrap floats to lose the clearing div, etc, etc...
     
    deathshadow, Jan 5, 2009 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    IE6 does not support dotted, and renders as dashed.

    cheers,

    gary
     
    kk5st, Jan 6, 2009 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    That's not his problem though - when you scroll up and down using the scrollbar the border is not being rendered correctly. It's the traditional IE not erasing old content on scroll bug - I'm just suprised to see it just on a border and not on the whole element.
     
    deathshadow, Jan 6, 2009 IP
  7. xSDMx

    xSDMx Peon

    Messages:
    143
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I fixed the error with the whole page using height:1%
     
    xSDMx, Jan 19, 2009 IP
  8. xSDMx

    xSDMx Peon

    Messages:
    143
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Anybody know how to get IE6 to stop mashing up dashed lines into solid lines?
     
    xSDMx, Feb 16, 2009 IP