SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Location
    Hillsborough NH
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 6 odd text issue in floated column

    I am developing a new web site and everything has been working just great, and I have the page looking just about perfect in both IE and Firefox, with one exception of course...

    Here is the URL to the page: http://www.nelsondesignstudios.com/ecoheat/index.html

    If you view the page in IE 6 the left column on the bottom of the page is doing something odd with the last three letters of the last line of the column. It seems to be duplicating the last three letters and displaying them a few lines below right up against the edge of my containing block.

    I have been running around in circles on this for hours and hours now and any help would be greatly appreciated!

    Thanks,

    Nelson Design Studios
    http://www.nelsondesignstudios.com

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is usually cause by a bug in IE which I think is caused by floating elements next to comments of all things.

    If you remove the comments from your code it'll magically fix it

    There are other fixes but can't remember them off the top of my head. If you want to leave the comments in though then it might be worth you having a look on http://www.positioniseverything.net/ and searching for the duplicate character bug.

    Hope that helps.

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Location
    Hillsborough NH
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    that figures

    So I am being penalized because I like to organize my code!?

    God I hate IE 6!

    Thanks a million for the heads up on this, I really appreciate it.

    Thanks,

    Matt
    Matt Nelson
    Nelson Design Studios
    www.nelsondesignstudios.com

  4. #4
    SitePoint Guru redhillccwebmas's Avatar
    Join Date
    Jun 2005
    Posts
    989
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To get of this problem, add a -3px right margin to the last left floated div

  5. #5
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could of course use conditional comments instead so that you can make IE completely ignore them

    Code:
    <!--[if !IE]>Put your comments here<![endif]-->
    As that will still place comments in your code but all versions of IE will also ignore them

    To be honest though, I don't really find much need to comment HTML code these days. Using names for div's that kind of explain what they do along with semantics and consistent indentation usually means that the code is fairly self explanatory.


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
  •