I've been trying to figure this issue out for about an hour now. I've asked some friends but they didn't have much luck either.
The problem is with this site: http://tomdwyerdesign.com/
Load it in Chrome and it's fine. Load it in IE10 and it's fine... load it in IE9 and it's not.
It loses a good portion of its css. I've used the html5shiv trick and still it refuses to work.
Another website: http://tomdwyerdesign.com/new
this loads fine and shares almost an identical header.
Anyone know why IE9 won't render this correctly?
IE is going into quirks mode on your new site. Checking with W3 Validator shows a warning that is likely your problem: IE will go into quirks mode if you have comments before your doctype.
Try moving your doctype before the comments, and see if that helps.
Related
Got a big problem with JCarousel in Internet Explorer 8.
It works in all other browsers I've tested on. I'm hesitant to put a link to the site as I god nailed by someone here for trying to get hits - so I'll describe the problem.
In IE all the images are loading one underneath the other rather than in the CSS box.
Anyone had this problem and know how to solve it?
It has to do with the DOCTYPE. In IE and FF the page loads in Quirks mode. Open FF, Tools and Page Info, it shows the details. You are missing the DTD in your DOCTYPE.
I got this page that works OK in Chrome, and it doesn't in IE9.
I tried making a new css for the IE9 page, using a conditional comment in the html code. That's okay.
But then I tried including a doctype statement... and the following happens:
when I include the doctype in the html file, everything is messed up
(even in Chrome) but once I deleted it, the page looks great in
Chrome and IE9.
If I restart IE9 (or remove temporary data) the page doesn't work
again.
I don't really know what's happening.
Any help would be really appreciated.
As has already been said, always use a doctype. Without one, IE renders in quirks mode, and what you get will be very different from what you get in other browsers.
If you code looks bad with a doctype, then I would suggest your code is bad to begin with. You've designed your site to quirksmode, which is going to give you results that seem random (they're not, but it will seem that way).
You're going to have to redesign your site to use standards mode. Then it will look the same (or similar) in all modern browsers.
First, you should always include a doctype. It tells the browser what set of rules you're going to be playing by.
If you omit a doctype, IE will assume your markup is ancient, and trigger Quirks Mode, which is essentially the rendering of IE 5.5. Side effects of this include the IE box model bug.
Without seeing any markup, I strongly recommend validating your markup and CSS using the W3C validators. Often times, Chrome and FireFox are "better" at guessing the meaning of questionable markup, IE not so much.
First of all, it's hard to find a solution without seeing your HTML/CSS. Generally, you shouldn't need a separate CSS file for IE...
Also I suggest you try using the HTML5 Boilerplate to help minimise browser inconsistencies. This should solve most problems unless it's an error in your CSS.
So upon near completion of my website i tested it (as i do) in Chrome, FF, Opera and IE8. Ive not got around to Safari yet, but im guessing its mostly similar to how Chrome would display it.
A page that was working fine previously (about a week ago) has now, along with 2 other pages, stopped showing altogether in IE8. Cant seem to find any problem in the source. I have Firebug and no errors show up there either.
Ive also uploaded it to w3c.org's Validator and no major problems are found.. (majority are unescaped & in urls)
the doctype is XHTML 1.0 Transitional. Any one know of any reason IE8 sucks so bad and is halting my progress?
I forgot to mention my page loads content via AJAX calls. Could this maybe have something to do with it?
You could try to use a tool like Charles to record and peruse server interaction. Then at least you can see if the calls are returning expected headers.
I've been creating a custom Tumblr blog theme for my site and all was going good until I tried viewing in IE9...
http://bantros.tumblr.com
Tested in newest versions of Chrome, Firefox and Opera and my blog looks the same and as expected whilst I was working on it, needless to say I got a huge surprise when I checked in IE9 and didn't know what to make of it.
I am using HTML5 and I double checked the code to see if I made a mistake or two, W3C Validator comes up with a few errors but nothing notable.
In my frustration I ended up inserting- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> and it makes it all nice again. This can't be a solution though, I must've done something wrong. Any help or tips would be great, thanks.
NB. I've taken out the Chrome Framework for now so you can see what I mean
It looks fine in IE9 right now.
The most likely problem is that your page was somehow in Quirks Mode.
That would make the page look utterly broken in IE.
To verify if this was the problem, open your page in IE, and hit F12 to bring up the Developer Tools. Try changing the "Document Mode", especially to "Quirks mode", and see if it matches the broken look you had before.
Hey guys, i have recently created a HTML page but it is appearing differently in Mozilla Firefox and Internet Explorer. I have uploaded the page on ripway. Here is the URL http://h1.ripway.com/gurusmith/My%20site/Index/index.html
Please watch the page in both Internet Explorer and Mozilla Firefox and after watching you will find that the page is appearing fine in Internet Explorer but not in Mozilla Firefox. Can anyone tell where i have made the problems. If anyone can edit the source code and post the correct source code here which works fine in both the browsers then i will be really thankful to you.
Sorry, i can't post the source code and the outputs due to restrictions but i have given the link above for the page. So please do visit it and help me.
Your page is not even remotely valid HTML. For one thing, you have two body elements.
Check out W3C Validation of your page for more problems.
If a browser gets invalid HTML it makes its best guess at what the DOM should be (as opposed to a deterministic interpretation). Since browsers are designed by independent teams, these interpretations will differ. Then, when it comes to applying CSS, variations are bond to occur.
Get your HTML in order and then see what happens.
Older versions of IE are known to display pages slightly differently than most "modern" browsers. A quick Google search turned up the following lists of common differences:
http://www.wipeout44.com/brain_food/css_ie_bug_fixes.asp
http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/