font display problems in IE

Discussion in 'CSS' started by relisoft, Apr 17, 2006.

  1. #1
    I'm redesigning our website and with this redesign we're implementing XHTML and CSS. I'm seeing a strange behavior with IE.

    For some reason some of the content does not appear unless you either move your mouse over where it should be or click/drag to select the area. Here are two pages where this is happening:

    first example: http://www.relisoft.com/test/co_op/addon.html
    On this page the path to the page is missing. It should appear right under the Home | Code Co-op | menu bar. What you should see is: Home > Code Co-op > Add-on Products

    Now, if you move your mouse over the area it should appear, it will appear. If you refresh the page, it will disappear. ARGH!

    Here's a page where there is not a problem:
    http://www.relisoft.com/test/co_op/download.html

    Firefox does not have this issue.

    Here is another page where the main content heading and first paragraph is missing. There's a form on the page and just above it should be the heading "Reliable Software Store" and a small paragraph following it.
    http://www.relisoft.com/test/secure/order.html

    Thanks so much for your help!

    My style sheets are located at www.relisoft.com/test/style/coop.css and www.relisoft.com/test/style/rs.css.

    deb
    Help! I'm sure i missing something basic here. Any help is surely apprecaited.
     
    relisoft, Apr 17, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    I was unable to replicate. Did you fix it?

    Else, it sounds like the peekaboo or guillotine bug. See PIE, IE bugs.

    cheers,

    gary
     
    kk5st, Apr 17, 2006 IP
  3. penagate

    penagate Guest

    Messages:
    277
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    If you're using XHTML, make sure it's Transitional and you do not specify an XML prolog (<?xml etc.). IE can't handle strict XHTML and goes into quirks mode. Additionally, strict XHTML should be served with the MIME type application/xhtml+xml, which does not work at all in Internet Explorer.

    For a static page, that can't be dynamically transformed from strict XHTML to HTML, authoring in HTML 4 Strict is probably the wisest solution for maximum compatability. If you have a server side language available you could try what we do which is to process the XHTML using a few regular expressions to turn it into HTML which will be accepted by IE. Compliant browsers see the XHTML version of the page.

    That having been said, I looked at the page and couldn't reproduce the problem either. So this is advice only :)

    - P
     
    penagate, Apr 18, 2006 IP
  4. relisoft

    relisoft Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    This is very odd. I did not change the pages. :confused: They are displaying the information now, however there is still strange behavior in the area i described, especially on this page:
    http://www.relisoft.com/test/secure/order.asp

    This page is slightly different than the other one i pointed to in that it has the scripting for the page.

    When the page loads, it generally loads ok. But, a problem comes up if you push the back button and then the forward button back to the page. The heading and first paragraph of text will not show. Does anyone else see this too? Granted, this may not be a big deal but it seems like there is something amiss. It seems like there is something about the code that is not staying in memory. I dunno. If i refresh the page, the text comes back.

    And, yes, the pages are set to Transitional.

    thanks so much for the feedback even though you weren't seeing a thing! I would like to hear whether someone else can reproduce what i am seeing. I can reproduce it on both my computers.

    deb
     
    relisoft, Apr 18, 2006 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    Sorry, Deb. I still can't replicate.

    I will take issue with a couple of things from penagate. Do use xhtml 1.0 strict or html 4.01 strict. He is correct about the xml declaration. It is not appropriate for a page delivered as text/html, and it's optional, anyway, with caveats, when delivered as application/xhtml+xml, and it puts IE into quirks mode, a Bad Place.

    It is xhtml 1.1 that should not be delivered as text/html. XHTML 1.0 is OK.

    If you are not going to validate your markup as xhtml strict, you should not use xhtml at all.

    cheers,

    gary
     
    kk5st, Apr 18, 2006 IP
  6. penagate

    penagate Guest

    Messages:
    277
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #6
    penagate, Apr 18, 2006 IP
  7. relisoft

    relisoft Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for your feedback. I will definitely read more about the doc types and make the appropriate changes.
    cheers!
     
    relisoft, Apr 19, 2006 IP