I have written a new website for my employer, but it looks like dog mess in earlier versions of IE8.
It uses twitterbootstrap.
Any ideas ?
I have written a new website for my employer, but it looks like dog mess in earlier versions of IE8.
It uses twitterbootstrap.
Any ideas ?
You should consider validating your page. There are some serious errors in there. No point trying to debug unless itâs valid.
Validator
Youâll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the âmobile siteâ aspects of Bootstrap.
I donât think you need to disable responsiveness for IE8, it was just a good note. Here is the IE8 support part of the page.
In your IE9 tag, try adding respond.js:
<!--[if lt IE 9]>
<script src="http://www.watsonsrealestate.net/js/html5shiv.js"></script>
<script src="http://www.watsonsrealestate.net/js/respond.js"></script>
<![endif]-->
You should minify of course.
####Using experimental feature: HTML5 Conformance Checker.
The validator checked your document with an experimental feature: HTML5 Conformance Checker. This feature has been made available for your convenience, but be aware that it may be unreliable, or not perfectly up to date with the latest development of some cutting-edge technologies.
You shouldnât worry about the Validation checker too much. If at all. Case in point.
Woops. I saw errors like the stray head and the body tag not supposed to be open (etc) and figured there were serious errors there. Didnât see that HTML5 message.
Wow. Totally did NOT think Iâd ever see something like that from a company like that.
But, then, I figure they try to code so that computers from every corner of the globe can utilize their services (moâ clicks = moâ money.)
Just sayinâ,
Does the fact that Google (or any company) has warnings or errrors on their validation check someone mean that others shouldnât use them?
I think theyâre a fantastic tool for people, especially when fixing up an old website or pounding out something quick that they havenât had a lot of chance to self validate. Also helps you catch a lot of goofy little errors when youâre learning things.
Pages donât NEED to be validated. IMO the main use of it is debugging. It also helps SEO a little bit if Google doesnât have any issues going through your pages (which invalid code can slightly hurt you). Google doesnât need valid pages for people to use their services. They donât care.
Iâm DoD working on a government website (very highly used). Iâm not bending over backwards to make it valid. Noone does. It works and thatâs all that matters. Same with Amazon or another big business.
Yeah, I absolutely agree with everything you just said, I just didnât necessarily agree with
You shouldnât worry about the Validation checker too much. If at allâŚ
Especially when most of the sites discussed here probably arenât that large of projects that every little bit doesnât help
Definitely a useful tool.
When Iâm done a full website, I might run it past the full-website validator
But other than that, I agree with not worrying about it. As you make your pages, you can tell whether you have serious markup issues (e.g. the page will break). Minor issues like forgetting alt=ââ arenât huge (well, THAT is since itâs accessibility but it wonât break the page.)
Does the fact that Google (or any company) has warnings or errrors on their validation check someone mean that others shouldnât use them?
Whether or not you want to use them is up to the individual I think. I personally donât see much use in the service. All it ever seems to do is raise false flags. Which if someone is new to web development may have them chasing ghosts and down a path of endless tweaking to validate against a tool that isnât exactly accurate or up to standard.
Such as this on the OPâs page:
Line 84, Column 7: Stray end tag head.
</head>
Idk, thatâs a pretty simple thing for something like this to miss. Stuff like that muddies the water too much for me to put any trust into it. Not being up to standard is one thing, but thatâs just wrong.
Iâve often found that these validators and things end up having a bit of a domino. If thereâs one issue wrong, sometimes, it causes a tree of other issues that arenât really issues. Which you have to know something to figure out, which perhaps does lend itself to not being a newbie, so you have a point there.
I guess I just dislike people making blanket statements as fact such as - You shouldnât use it, at all - when in reality thatâs pretty much your personal preference for troubleshooting tools. Iâm sure I do it too though, we all have opinions about things.
We can definitely agree to disagree on what tools we use to troubleshoot, though and in this case thereâs either something stopping it from working well, or itâs just failing hard (pssh technology that doesnât work, what??) so Iâd definitely agree to ignore it in this case unless it can be made to behave
Also, note to OP - is there any reason you have copy about pinterest in your <head>
? Doesnât really matter I guess, just curious. Iâd wrap that in a comment tag if you want a comment to identify the meta tag.
You donât need both of these just use the âlt IE 9â block.
<!--[if lt IE 8]>
<script src="http://www.watsonsrealestate.net/js/html5shiv.js"></script>
<script src="http://www.watsonsrealestate.net/js/respond.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://www.watsonsrealestate.net/js/html5shiv.js"></script>
<script src="http://www.watsonsrealestate.net/js/respond.js"></script>
<![endif]-->
This âif lt IE 9â means âIf less than IE9â. therefore ie8 and under are already accommodated for.
Even just testing for IE would be sufficient since those conditional comments are only supported in IE9 and earlier anyway.
The validator warning regarding HTML5 is there because HTML5 isnât yet a standard and so is subject to change at any time. Just because a page would have been valid HTML5 at the time the validator was last updated doesnât mean that HTML5 hasnât changed since then leading to the page no longer being valid - hence the warning. Presumably that warning will be removed once there is an HTML 5 standard to validate against.
Good point
instance of IE-Hacks you can also use modernizr âŚ
bower:
bower install respond rem-unit-polyfill
script:
<script>
Modernizr.load(
{
test : Modernizr.mq('only all'),
nope : '/vendor/bower/respond/dest/respond.min.js'
}
,
{
test: Modernizr.cssremunit,
nope : '/vendor/bower/rem-unit-polyfill/js/rem.min.js'
}
);
</script>
example-commit: https://github.com/voku/DO-EPIC-SHIT-Demo/commit/a418d2318646280008be0214a98ebe5a75c81739
demo: openrheinruhr.suckup.de/
You shouldnât worry about the Validation checker too much. If at all.
The underlying engine of IE, Trident, is far more prone to rendering errors with invalid code than other browsers. Whenever I encounter an error specific to IE, especially 8 (which is the fussiest of all the IEâs, worse than 6 even for strictness) validation is the first place I look and nine times out of ten its an unclosed tag or the like causing the issue.
Also, validation failure can push IE 8 into quirks mode - and if its in that mode then the page layout becomes almost impossible to debug.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.