Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Oct 2007
    Posts
    10
    Thanks
    2
    Thanked 1 Time in 1 Post

    text artifact in IE 6

    http://www.jpmeredith.com/ptsc/test2/socialsvcs.html

    This page renders fine in Firefox, but in IE I'm seeing extraneous text at the end of the sentence with "sponsored by the United Way."

    The last 7 characters,

    "ed Way."

    are appearing again on their own line below the rest of the text. This happens on some other pages in the site as well.

    I've tested this on several PCs with the same results in IE 6

    Code is tested and compliant with W3C validator, I know the CSS isn't as clean as I'd like but I inherited this project part way through and I'm trying to tie up loose ends.

  • #2
    Regular Coder Candygirl's Avatar
    Join Date
    Apr 2008
    Location
    Switzerland
    Posts
    184
    Thanks
    3
    Thanked 56 Times in 56 Posts
    This tricky bug can appear in different cases. Usually there are some float occupying 100% of their container involved or/and comments in the html.

    My opinion is that it is related to the 3px jog. Try to fix your container's width to 633px: the bug disappear. Try width 632px: it doesn't work...

    You can try with the #content's width: with 630px on #container, try 437px on #content; no bug anymore. 438px = bug

    An idea is to give a 3px negative margin-right just for IE6; for exemple:

    Code:
    * html #content {
      margin-right:-3px;
    }
    Personally, I prefer to avoid the bug appears rather than to correct it. You can do that omitting the padding-right:

    Code:
    #content {
    	float: left;
    	width: 440px;
    	padding: 15px 0 15px 15px;
    	background-color: #fff;
    }
    This is better I think

    If you don't want to change anything in your css you may try removing all your html's comments and find which one are involved in the bug...
    Last edited by Candygirl; 05-08-2008 at 06:49 PM. Reason: my english :(
    "Imagination was given to man to compensate for what he is not;
    a sense of humour to console him for what he is."
    -Francis Bacon

  • #3
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    add this:

    Code:
    #content p { position: relative; }
    don't ask why because I honestly don't know. I've had this situation before and this was the fix. I haven't read about the reson for the solution anywhere yet though.

    alternatively you could just write
    Code:
    p { position: relative; }
    and nip it in the bud from the get go.
    Last edited by harbingerOTV; 05-08-2008 at 06:51 PM.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • Users who have thanked harbingerOTV for this post:

    jpm121 (05-08-2008)

  • #4
    New Coder
    Join Date
    Oct 2007
    Posts
    10
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by harbingerOTV View Post
    add this:

    don't ask why because I honestly don't know. I've had this situation before and this was the fix. I haven't read about the reson for the solution anywhere yet though.
    Wow, what a crazy little bug that is, but the position:relative fixed it on all the pages. Thanks so much for sharing your expertise!

  • #5
    Regular Coder Candygirl's Avatar
    Join Date
    Apr 2008
    Location
    Switzerland
    Posts
    184
    Thanks
    3
    Thanked 56 Times in 56 Posts
    Have you try with the padding ?

    Giving a position:relative to all you paragraphs could have some consequences on your design depending of the context. Omitting the padding-right as I suggested would have no consequence at all, just avoid the bug. Prevention is better than cure...

    But it's up to you
    "Imagination was given to man to compensate for what he is not;
    a sense of humour to console him for what he is."
    -Francis Bacon


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •