css3 problem in IE

Discussion in 'Web Design' started by janvleugels, May 8, 2012.

to remove all ads.
  1. janvleugels

    janvleugels New Member

    Messages:
    2
    Hello,

    I'm new to this forum, and I hope I posted this problem at the right spot :)

    I have a css3/html5 design that I use for a website. I made this website on my localhost (in xampp because I use PHP in it)

    The site uses css3 animations and they all work splendid in firefox 12 and IE9.

    BUT, when I upload the site to my domain, the site still shows up correct in Firefox, but NOT in IE9. Isn't that strange? :eek:

    U can visit the site at http://www.janvleugels.be/modeinhetsalon

    If U open it in Firefox, U see the correct version, and in IE9, you will see the wrong version
     
  2. Anders

    Anders New Member

    Messages:
    8
    i really don't see any differences? except that in firefox i see a "handwritten" font, and in IE i see just a normal font ?
    the font problem is because the font "bickham" is not a standard windows font, you will have to use font face
     
  3. janvleugels

    janvleugels New Member

    Messages:
    2
    Hello Anders,
    Indeed, I checked with some friends, and they also see no difference, Seems that my IE only has the problem.
    The fonfact problem I will solve.
    Thanx for your help!
     
  4. Anders

    Anders New Member

    Messages:
    8
    Hi again i have looked at the source code and i see that you have forgotten to declare a doctype. that's somehow very important to the design/composition.

    normally i would use:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    on top of the document.
     
  5. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Ooooooor you could use the much more simple <!Doctype html />.....
     
  6. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    <!DOCTYPE html> actually...
     
  7. Anders

    Anders New Member

    Messages:
    8
    yes you could. But thant wouldn't declare a specific doctype, the doctype tells the browser how to page sould be read. if no doctype is defined it would just use the default settings. and that might not understand your design the way it should be :)
     
  8. Brian Angel

    Brian Angel Member

    Messages:
    248
    Or.....OR..... he's 100% right and you need to check up on HTML5 doctype.
     
  9. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Hahahahaha
     
  10. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Oh do the caps matter? I haven't really paid attention much, I just use a html5 template when I start things off and it gets my basic skeleton :p
     
  11. Brian Angel

    Brian Angel Member

    Messages:
    248
    I think the issue he was talking about was with the "/" . Paul Irish actualy states it can be done either or and the HTML5 boilerplate has it all lowercase as ( and I quote Paul) I don't like shouting at people.
     
  12. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Not sure if caps actually matter in practice, but it is the correct format
     
  13. Anders

    Anders New Member

    Messages:
    8
    dude... IE 9 doesn't fully support html5... some version does.
    but i have had a costummer with a similar problem and i fixed it with declaring a doctype..
     
  14. Brian Angel

    Brian Angel Member

    Messages:
    248
    html5 doctype is case insensitive, so its realy up to you if you want to or not. Part of the charm of HTML5 is that some parts are not as strict as html. So either/or is correct, just depends on what you want to do. But the"/" will cause (I think) an issue or two.
     
  15. Brian Angel

    Brian Angel Member

    Messages:
    248
    First,there is no “some versions" of IE9. Second IE9 most DEFIANTLY supports the <!doctype html>, and that is declaring a doctype. If they had just the html tag w/o the !doctype declaration, then it wasn't one and the doctype needed to be added. Now, text-shadows??? THAT IE9 doesn’t support lol.
     
  16. Anders

    Anders New Member

    Messages:
    8
    Fine, but please tell me why my client has IE 9 installed on her computer and the design is messed up in her browser but not mine until i changed the doctype, would you please Sherlock ?
     
  17. Brian Angel

    Brian Angel Member

    Messages:
    248

    Wow, love the name calling. Try keeping it civil if you want to learn something.

    If you want to , I can give you about 100 reasons why, but lets just start with browser cache as an issue and take it from there. But hey, what do I know, all I have a nice little wordpress site with some interesting custom java script running with an <!doctype html> that works fine even on IE8 so instead of name calling, try to be civil and do a little research. NM, Ill. do it for you.

    http://msdn.microsoft.com/en-us/library/ie/gg699338(v=vs.85).aspx

    From the horses mouth, so to say.
     
  18. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    You can use the <!doctype html> in any browser. It just tells the browser which set of specs to go by. What you can't do is use HTML5 tags in IE9 unless you use a script like the HTML5Shiv.
     
  19. Brian Angel

    Brian Angel Member

    Messages:
    248
    Atualy ie9 does support thoes elements. But the shiv (or better yet modernizr) should still be included for fall back support. Here check this out.

    http://caniuse.com/

    Boy did THIS thread get hi-jacked,lol.
     
    Last edited: May 9, 2012

Share This Page