CSS3PIE & HTML5shiv printing issues IE8 - printing

I'm having problems using CSS3PIE & HTML5shiv for this huge website. It comes down to printing issues in IE8. Whenever I want to print a webpage, IE8 just seems to crash. I've done some research and this printing crash seems related to the use of CSS3PIE and HTML5shiv.
Any way I can avoid this problem in IE8? Thanks in advance!

Related

IE renders wrong glyphicons

I am building a Rails app that uses Bootstrap and its components. On one page I have a datepicker which used glyphicon-chevron-left and glyphicon-chevron-right.
However, when the site is oped on IE, surprisingly, there is a bug. Occasionally, IE renders wrong icons. The bug is really random and sometimes I struggle to reproduce it. You can see the error and the code in the picture below:
Wrong glyphicon
Has any of you encountered that? I've tried googling the problem but haven't found a soution. What could be causing that issue?
Any help will be highly appreciated!

MVC bootstrap carousel firefox issue

I'm using bootstrap carousel, and it works fine in chrome and explorer, but for some reason in firefox 35.0.1, when the image loads it only loads half of the image than the rest takes longer to load. Anyone have a problem with this in firefox? I'm surprised firefox is the problem here, since it is usually IE that I have issue with. The problem just started with this new version of firefox.
You are not the only one. We've seen this across multiple Windows boxes with FF 35.0.1. We've not tried this on a Mac, though. Can confirm this problem exists, and am really glad we're not the only ones who've noticed it. It's a consistent issue, regardless of caching or network speed.
Great news!: It's been fixed in Firefox 36! Try updating your browser. Here's the Bugzilla which should have addressed the problem: https://bugzilla.mozilla.org/show_bug.cgi?id=1125077

Random white flash in phonegap app

I have an app I made with Phonegap and Jquery Mobile that goes between multiple multipage Jquery Mobile documents. Its works well for what I need but a strange thing that happens is occasionally I get a white flash when going in between the different html files. Now I've seen that this is a common issue when using JQM and Phonegap but from all the other post I've looked at but from other than getting rid of the page transitions, are there any other solutions? Has this problem been resolved in Phonegap 2.5?
Im using Jquery Mobile 1.3, Jquery 1.9, and Phonegap 2.4
There's some good documentation for this here
I had a similar issue recently, you can either set the page transition to 'none':
XX
This alleviated all issues of flicker for me.
You could also try adding this:
.ui-page { -webkit-backface-visibility: hidden; }
To your CSS, it's not a perfect fix however, and caused severe instability for me.

jquery.ie6hover.js confilcts with jQueryUI and crashes IE6

I have a website that's using jquery.ie6hover.js (https://github.com/gilmoreorless/jquery-ie6hover)
And I've just updated to latest version of jQueryUI (1.9.1)
This combination crashes the browser when opening the page in IE6.
It's crashing when calling:
$.ie6hover();
Here's a jsfiddle: http://jsfiddle.net/umhxQ/
I'm testing IE6 using Virtual Box, with Windows XP SP3.
Any ideas how to prevent IE6 from crashing?
I stumbled upon "ie7.js", which seemed to do the trick.
It contains a fix for the hover bug in ie6 (without jQueryUI conflicts)
And jquery.ie6hover.js is no longer needed!
ie7.js - the one you found already - is a great script. It's a bit overkill if all you want to do is fix the hover, because ie7.js fixes loads of stuff. That's great, but if you don't need all the features, then you may be slowing down the browser unnecessarily.
If all you want is to fix the hover, my preferred script is Whatever:hover, which is the one I used to recommend for this.
(when I say "used to recommend", there's nothing wrong with it; it's because these days I don't really recommend supporting IE6 at all. But if you do need to support it, then Whatever:Hover is what I'd use)

Website not viewable from BlackBerries

We are having some annoying issues with BlackBerry phones. For some odd reason, our webpages aren't downloaded fully by some BB phones and I don't have clue what it could be.
If you have a BB, please try www.safarinow.com.
We are currently mainly experiencing this issue on the BB Curve 8520, but we don't have a lot of BB's around here to properly test. I have used the BB simulator for this BB and also for different models, but of course, on the simulators everything works fine. In order to browse the Internet on the BB simulator, it requires you to have the MDS service installed and I assume this works differently than the live server.
Something strange is that when you change the character encoding (BlackBerry browser menu -> Set encoding), it usually does load the full page...
Any clues? Please help :-)
Some articles I read
http://www.builtfromsource.com/2008/08/27/major-bug-with-blackberry-browser-and-multiple-cookies/
-> This doesn't seem to be the issue
http://www.blackberryforums.com.au/forums/general-bes-discussion/284-request-entity-too-large.html -> We are not getting an error, although page request size might be an issue
Maybe you should add an Encoding tag on your page's header.
Something like <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
This could be an issue specifically related to the browser rending engine. It's a long shot but make sure your HTML validates. The browser on certain Blackberries may be choking on improperly validated HTML.
Validate markup for your site: The W3C Markup Validation Service
The service found 41 errors and 9 warnings. It's worth eliminating as many errors as possible and re-testing.
Alison has some very good advice.
One other thing to look into is the amount of, and specifics of, javascript on the page. Before OS 6 and the Web Kit based browser, support for javascript on BlackBerry devices was intentionally limited.
It turns out that a lot of BlackBerries have Javascript turned off. And even if it's turned on, there is a checkbox for "Terminate slow running scripts" (something like that). We use jQuery Mobile, which is pretty heavy, so that was causing the issues. Ticking both checkboxes solved the issue.

Resources