Most annoying problem!!

[Jerico]

Please, someone solve this for me:

I have a re-occuring issue where the last few lines of text on my page get repeated just underneath the last DIV on the page. The only way I've been able to clean this up is to delete all my comment tags on the page. It only happens in IE. Does this sound familiar to anyone??? There must be a better way to fix this than by getting rid of comments :confused: :confused:

[Kevey]

I saw something similar recently where a div wasn't opened/closed properly and a couple of characters showed up in weird places. Do you have a link?

[Jerico]

I saw something similar recently where a div wasn't opened/closed properly and a couple of characters showed up in weird places. Do you have a link?


no - I'm working off a local network.

The weird thing is that removing the comments cleans it up!!??

[Kevey]

Can you post the code then? It's difficult to figure it out w/out code. I can't imagine why comments would cause issues unless they are formatted incorrectly, or inadvertently hiding code. If the text that appears is from your commented text then I would look at the format of your comment tags. Sorry if this is not entirely helpful! :)

[Jerico]

It's not the comments that are repeating, it's the last few lines/letters form the content within the last DIV on the page. The comments aren't commenting any code.

I've attached an image to demonstrate

Notice that the last three letters form "Trailer", and "Back to the top" are repeated and it breaks the images location on the right...

[WebJoel]

I forget what this is called, but it might have something to do with 'virtual line-return' in unordered list items, which is what can happen when an <UL>'s "<li>" has 'white-space' after it, I think I recall.

It was like:

<ul>
<li></li>
<li></li>
<li></li>
</ul>

causes this, while:

<ul><li></li><li></li><li></li></ul>

or:

<ul>
<li></li><!--
--><li></li><!--
--><li></li><!--
--></ul>

prevents it...

Also preventing this, is:

li {display:inline;}

or also:

li {float:left;}

It might be related to the default 'list-style-type' in <li> not being properly removed ("list-style-type:none;" OR "display:inline;", which also removes 'bullets' in horizontal lists...)

There could be other reasons (and this may not be the problem you are having, -after having explained so far), but a page *I* was working on a month ago did EXACTLY the same thing.. the LAST "<li><a href="#">foo</a></li>" kept 'doubling' and the 2nd was appearing 'below' the <ul> box... Removing that offending <li>~</li>" merely made the formerly-next-to-last do the same thing! :(

ADDING another "<li><a href="#">foo</a></li>" to my unordered list made IT be doubled.... truly, -a most annoying problem indeed and above is how I solved it.

-Can you post some code or provide link? :p

[Centauri]

IE6 duplicate characters bug (http://www.positioniseverything.net/explorer/dup-characters.html)

[Jerico]

IE6 duplicate characters bug (http://www.positioniseverything.net/explorer/dup-characters.html)

yup - that's the one - thanks Centauri, thanks all....