css3 problem in IE

J

janvleugels

New Member
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
 
A

Anders

New Member
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
 
J

janvleugels

New Member
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!
 
A

Anders

New Member
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.
 
CaldwellYSR

CaldwellYSR

Member
Anders said:
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.
Click to expand...

Ooooooor you could use the much more simple <!Doctype html />.....
 
A

Anders

New Member
CaldwellYSR said:
Ooooooor you could use the much more simple <!Doctype html />.....
Click to expand...

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 :)
 
B

Brian Angel

Member
Anders said:
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 :)
Click to expand...

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

CaldwellYSR

Member
Anders said:
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 :)
Click to expand...

Hahahahaha
 
B

Brian Angel

Member
CaldwellYSR said:
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
Click to expand...

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.
 
B

Brian Angel

Member
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.
 
B

Brian Angel

Member
Anders said:
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..
Click to expand...
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.
 
A

Anders

New Member
Brian Angel said:
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.
Click to expand...

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 ?
 
B

Brian Angel

Member
Anders said:
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 ?
Click to expand...


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.
 
ronaldroe

ronaldroe

Super Moderator
Staff member
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.
 
B

Brian Angel

Member
ronaldroe said:
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.
Click to expand...

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:
You must log in or register to reply here.
Top