Web site not rendering properly with IE10 + - html

I have few web site running on aspx using older version of DNN 4.x. All site are rendering properly on Google Chrome, Fire Fox, Opera etc... but starting with IE 10x +, the navigation pane started to render improperly...
The site in question is the following :
http://www.westendsports.ca
I suspect a CSS failure, but I haven't been able to pin point the issue. I really need to fix this issue for the client, any suggestion would be appreciated.
Thanks

Upgrade to the latest DNN. Yours is 6 year old.

Related

My page appears differently in IE 10 than in Chrome or Firefox

I am fairly new to HTML5 so please bear with me. I have designed a site for someone and when I view it in Firefox or Chrome, all is well, but when I view it in Internet Explorer 10, the nav menu and the picture in the header are moved downward. I have checked the site at http://validator.w3.org/ and it gave me some errors like alt is missing and some other minor things which I believe are irrelevant to what is causing this problem. Is there a way for me to override this with some type of Javascript code or is there some way of just making an IE 10 friendly version of the page in which someone who puts in the url of the page will be redirected to the IE version of the page?
Here is the url of the site: daxxomatic.com
Welcome to web programming and comparability issues. Internet explorer is the largest used web browser and the most horrific browser for web programmers.
You have to live with it and do one of the hacks for dealing with the problem. I would suggest that you follow web standards and check out www.caniuse.com to see if what you are doing can work on IE or Firefox or whatever.
Lastly, test your code in different browsers as you develop a project. That way you deal with small chunks of problems than a big one at the end.

How do I debug Silverlight not working in Firefox/chrome/Safari?

I have a problem where a Silverlight system I have developed is working perfectly in Internet Explorer but not at all in Chrome or Firefox
I have no idea where to start to try to figure out what the problem is?
Chrome just says Cannot load Silverlight plugin which is obviously useless from a debugging point of view
Firefox just displays the container page
I have used firebug and interestingly Firefox makes no attempt to download the xap files?
This is a major issue and any pointers would be very helpful!
The application does make use of Prism which may be something to do with it
Paul

Website optimization for IE <10

I created a website using HTML 5 and it works perfectly on Chrome, Firefox and Internet Explorer 10. If I'm running the website in Compatibility mode the layout is all messed up.
Only if I change Document Mode from IE5 quirks to another value inside Developers Tool it's working perfectly.
Is there someone who can give me some hints or some tips&tricks to make it work properly.
You can find the website here: http://www.westmotors.ro/beta
Thank you in advance.
Here is a nice website where you can see the HTML5 readiness of any browser:
http://html5readiness.com/
In addition I would strongly recommend you to use the Modernizr javascript plug-in in order to make your site compitable: http://modernizr.com/
Last thing, try to find some "polyfills" for html5 features you cannot use in your site "the native way"

iPad firebug lite or similar

I have read lots of blogs about how to get firebug lite to work on the iPad and from what i can gather it worked at some point but hasn't worked in awhile. I can't get it to work myself.
So my question is has anyone gotten firebug lite or something simliar to work on the iPad recently. With the iPad being so popular I find it amazing that there isn't a good solid developer tool out there for it yet. Especially because in my experience it doesn't render web pages as expected quite often and needs specific tweaking.
Just to stop some quick replies, I already know its a webkit browser and the issues that I have spotted only show up on the iphone and ipad, not in chrome or desktop safari. So i really would love a solution that is native to the ipad itself.
The suggestion below worked for me on an iPad3 running IOS6.
This technique is from http://www.jamesmacfie.com/2012/03/debug-your-html-css-on-the-ipadiphone/
Bookmark any site on iPad then edit the address. Paste in the following code:
javascript:(function(F,i,r,e,b,u,g,L,I,T,E.{if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
Try Remote Debugging with Chrome browser. However iOS 6 comes with built-in support for remote debugging - link.
I've installed this many times (and in the past month on the new iPad) and it has worked.
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
FYI: The directions might be a little outdated so don't give up. What you will be doing is creating a bookmark. Then you edit the link in the bookmark with the script on Martin's website. That also means Firebug Lite can be used on Internet Explorer...although I couldn't edit any elements after getting it up and running.
Good luck!

My HTML5 webpage is not being read correctly in IE 9

Hello my website http://www.paruhdice.com/index2.html is not acting as it should be. It worked some what fine in IE 8. And works perfectly in the latest CHROME and Firefox... but my sliding navigation is not even responding. What should I do? Prompt users to use CHROME or FIREFOX... or is there a fix to this? Thanks ahead of time
It seems to be working for me in IE 9.0.8112.16421 as well as the latest Firefox release. The left-hand navigation bar moves smoothly with the window as I re-size.
Unfortunately, HTML5 is not a fully implemented standard, so you won't get full support in any browser. IE9 was also released back in march and both Chrome and Firefox have made great strides since then to add more support for HTML5. Doing a quick web search I came up with the site, http://html5test.com/results.html. It certainly gives an interesting overview of your current browsers support for html5 as well as the ranking of other browsers by comparison.
Since it all ready sounds like you are telling all of the old IE, Safari, Firefox users to update to view your site, I see no reason to tell them some features don't work and you recommend they upgrade.