issue with IE9 (CSS3 not supported)

vincent3569 Member, Translator
hi,
it seems to be an issue with IE9.
with zenpage theme (but it's true with other standard themes), IE9 uses "document mode" = IE7 (you can see that with F12).

with that, CSS3 is not supported despite that you are with IE9.

with my zpardoise theme, I added the line
``
before the TITLE tags.

With that, IE9 uses "document mode" = IE9, and CSS3 is well supported.

Comments

  • vincent3569 Member, Translator
    the problem is the same in admin tabs, but I can't add the line mentionned above : by default, with IE9, CSS3 in not supported in admin tab.
  • That setting is based on the IE "compatibility" mode. That is the funny broken document next to the refresh button near the IE9 address bar. So if a user does not put IE9 in compatbility mode there is no problem.
  • vincent3569 Member, Translator
    of course, if there is "the funny broken document next to the refresh button near the IE9 address bar", users should not put the compatibility mode.

    but, in my case (personnal siteweb and admin tabs), there is no button.
    the only way is to put "document mode" = IE9 with Devloppment tools (F12).
    that is absolutly not "user friendly".

    I don't know why the "document mode" is wrong, but it can be forced with the code above.

    according to me, it should be added in the theme of zenphoto and in the admin tabs.
  • This button is part of IE and has been there since at least IE7.

    You are welcome to make that change if you like. But we will leave Zenphoto browser neutral. CSS3 is not required to run Zenphoto's back end at all.
  • vincent3569 Member, Translator
    yes, this button is here since IE7, but be sure : if it appears on the browser on zenpage.org, it doesn't appears on all the websites based on zenphoto...

    Zenphoto's back end uses css3 : the tabs have some border-radius description, and that is css3.

    I think there is realy a problem with ZenPhoto and IE9.
  • acrylian Administrator, Developer
    Yes, we use the border-radius (with its proprietary variants for Firefox and Webkit) on the backend and themes (Zenpage).

    But these are optical things which are absolutly not required for functionality at all. Older browser will also simply not see them. That's all.

    (What is this frequenlty with IE and its extra ways anyway - I thought IE9 does it all better now....?).
  • IE 9 does comply if you do not tell it to be compatible with prior IE releases. If you do make it "compatible" it will of course do things the "Microsoft" way.

    Anyway, there certainly is NOT a problem with Zenpage and IE9. I have been using IE9 since its public beta with great results. I certainly do not know why your compatibility button seems hidden--perhaps because of the meta directive. But for me, and I supsect any one else who is using it, IE9 both works on the back end out of the box and has a button so that if you want it not to work you can so specify.
  • vincent3569 Member, Translator
    the problems I saw with IE9 are only cosmetic problems. if you can experiment zenpage on IE9, you will see that the appearance of the admin screens is not very nice if IE9 is not with the proper compatibility mode.

    I thought that IE solve these css problems, but obviously it must be IE9 with the correct mode (you should modify them with F12, but that isn't user friendly).

    after several trials, the addition of line
    ``, before the TITLE tags, solves the problem properly, without user actions.
    it's a pitty that you want not add it to your themes and to the admin screens...
  • vincent3569 Member, Translator
    Is that the problem could come from the server? Perhaps something in the http header? or maybe something with DOCTYPE ?
    I have searched some sites with the zenpage theme, and some one works well and others not.

    exemples :
    - http://zenpage.maltem.de/
    - http://pascal.ledisque.free.fr/gallery

    on the 2nd one, doctype seems not to be accepted by default, unless you change de IE9 values.

    I will create a ticket to give more explanations and give some screenshots.
  • acrylian Administrator, Developer
    I am on Mac and can't test any IE at all. We try hard that all code is proper and valid according to the W3 consortium guide lines and really don't do anything browser specific stuff (except the note cosmeticals). You surely know that it is nearly impossible to make websites that look 100% the same on all various browsers anyway.

    Maybe the server indeed delivers something wrong. I can't answer.

    The first example is my test site and it is just a plain 1.4.0.3 installation with a plain Zenpage theme. The 2nd is a modified Zenpage theme (and older Zenphoto release), so you can't really compare them.
  • vincent3569 Member, Translator
    I have created a ticket (http://www.zenphoto.org/trac/ticket/1856)

    I have done some attempts on my website, with plain 1.4.0.3 installation and official zenpage theme.

    of course, it is difficult impossible to make crossbrowser websites and I am sure, that you works hard to have proper code.

    but my impression is that you do not want to make a small correction which seems to fix the problem on IE9 which is the latest browser (I understand for IE6 or IE7).
  • acrylian Administrator, Developer
    `` is obviously browser specific and we generally don't do these (these kinds existed for IE7 and 8 as well if I recall right).

    Seems to me that IE9 still has problems with standards then (sorry, since ever I am doing websites IE is constantly annoying me...;-)). Since you say it apparently works on my test site it might be more a server issue (my test site is on quite standard shared host, really nothing that specific). I suggest to try a proper host as well (free.fr is maybe a little too "free", but I don't know it).

    Additionally my collegue who is on Windows seems not able to reproduce this as he mentioned above.
  • IE9 has no problems with standards. It is properly supporting the CSS3 HTML on all my installations. But of course if it is forced to run in compatibility mode it will not support CSS3.

    Your ticket has been rejected. This is NOT a Zenphoto issue, it is a problem specific to your particular IE9 installation. We will NOT output browser specific headers. If your theme really requires CSS3 (as mentioned, Zenphoto and the Zenpage theme do not) then you have excluded the vast majority of browsers still in use and I suggest you place a prominent notice on your download page.

    If you cannot live without these headers then create a plugin which attaches to the admin_head and theme_head filters and then output whatever you think you need.
Sign In or Register to comment.