www.webdeveloper.com
Results 1 to 6 of 6

Thread: Strange Problem with Hidden Text in IE

  1. #1
    Join Date
    Jul 2003
    Posts
    83

    Strange Problem with Hidden Text in IE

    Hi, I've never seen a problem like this before. In IE7 and IE6 (haven't tested other version yet) most of the text on this page (and a few others on the site is hidden UNTIL YOU HIGHLIGHT IT). I'm guessing this has something to do with the downloaded google fonts. Any help is appreciated. Let me know if you have questions.

    One of the problem pages: http://www.christopherelwell.com/index.php?page=play

  2. #2
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773
    Each HTML tag on the page, once parsed into memory, has a style property called "hasLayout". This little bugger is the cause and solution to most layout issues in Internet Explorer.

    Try adding this to the style declaration for #bottomHalf:
    Code:
    #bottomHalf {
        /* your existing styles */
        zoom: 1;
    }
    This will trigger "hasLayout" for that element.

  3. #3
    Join Date
    Jul 2003
    Posts
    83
    Oh wow, that works. Thanks. Never heard of that... Why does it needed for IE? Do other browsers assume zoom=1?

  4. #4
    Join Date
    Feb 2003
    Location
    Michigan, USA
    Posts
    5,773
    The zoom property was proprietary to Internet Explorer, however other browsers, such as Chrome, support this property now. I haven't checked lately, but the CSS3 spec might include this property, and if not, I wouldn't be surprised is it was rolled into the next CSS spec.

    Reading the MSDN article I linked to in a previous post should help clear things up. Basically, IE prior to version 8 has two modes for rendering DOM nodes, probably stemming from the days when computers were much slower. One method is probably quicker and more memory efficient, but less accurate, whereas the other method (hasLayout) is probably more processor intensive and accurate.

    Just my take on why a single element can be rendered with, or without layout. It's kind of a crap shoot whether or not invoking hasLayout on an element fixes rendering issues. It's just something you've got to play around with. And sometimes invoking hasLayout actually causes problems.

  5. #5
    Join Date
    Oct 2011
    Posts
    1

    Disappearing text in IE

    Trying to apply zoom=1 fix, but it doesn't help. Which html element should I apply this style to? I have disappearing text in IE under Facebook icon (at the bottom) on http://dvmarina.com/index.php page.

    Thank you very much in advance.

  6. #6
    Join Date
    Sep 2011
    Posts
    7
    I didn't know that the zoom property was proprietary to Internet Explorer - I say people should upgrade their web browsers by moving to Chrome Firefox or Safari.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles