I'm using the Jqgrid in my ASP.NET MVC 4 application and for some reasons, the pager text (Page X of X) seems to be aligned to the bottom, although I tried to change the CSS (ui.grid.css) to align middle/top. This only happens with IE9. It displays correctly with Firefox. Has anyone had similar issue?
I wanted to post the image but the spam prevention mechanism on this site does not allow it.
Finally figured out what is causing the problem. It is the Document Mode in the IE. It was set as "IE7 standards". Setting it to "IE8 or IE9 standards" fixed the issue.
Related
My Boostrap framework is working fine on Chrome and Safari. It also is mostly on Explorer and Firefox. However, in Explorer and Firefox, a couple of images on interior pages appear to have an offset applied. The issue will be apparent when viewing the pages:
notagamebook.com/the-author-2
notagamebook.com/excerpts
I have been unable to find anyone else who has encountered the same issue. And I realize a manual fix won't be all that difficult, but I would like to keep the images in the framework and figure out what is happening in case it occurs again in the future.
EDIT
After attempting to fix this issue manually, I have realized it is NOT a Bootstrap issue. Firefox and Explorer are pushing the first piece of content following the page label to the right. It did so even when coding outside of the Bootstrap framework. I tried putting a piece of text as the first item and got the same result.
I've found the solution to this problem: There was a difference in the bottom margin being applied to the title in Explorer and Firefox, pushing the content to the right of the title div.
I have a problem with a tinymce editor in a Internet Explorer 8 application we build at work here. It works fine in chrome and firefox but those are the browsers developpers use. In IE8, the buttons are all stacked and i have no clue where to start with to fix the problem.
Here is the image:
PS: Please dont tell me to change browser, i can't overrule technical department for 900 users. It's sad that i'm still stuck with supporting IE8, but thats life!
Found the problem, it was the document mode. I added a meta to force document mode following this QA: Force document mode=IE8 Standards
I have a Telerik radGrid that when a gridrow is clicked, it will expand and display an image that uses Atalasoft DotImage (version 9.0.3.45452) ImageViewer to display the image.
Everything worked with IE8. Any broswer IE9+, it seems to not show the image. The image appears in other areas of the application (and works), but it is not attached to any Telerik controls.
I have scouring the internet to see what was changed between IE8 & IE9, but I have not found anything that would help me out.
The image will show in the Telerik grid using IE8 & in developer tools, if I use quirks mode.
Could someone point me in the right direction between the two browsers and their rendering of these controls in a high-level sense?
It seems that it has to deal with iframes, parent doctypes, and IE9. I have found a reference
here
I've got a Wordpress site with some CSS3 rules applied to some images that rotate the images and have a hover effect on rollover too. Problems are showing up in Safari & Firefox when you hover on and then off these images and I can't seem to locate any similar issues by people on the Interwebs.
See http://tinyurl.com/3n2eude and hover on and then off the images (the slightly rotated ones):
Member name goes blurry and then back to normal (Firefox)
Member image border becomes jagged (Firefox)
A big black line displays to the side of the member images sometimes when you hover back and forth between two member images (Safari)
If I disable the transform:rotate rules, it's all fine. So seems to be an issue with that rule. Just can't work out how to get around it.
Anybody got some ideas on how I could get around these or what might be causing it?
Thanks for any ideas you might have!
Bit old of a question but that problem is related with rendering on browser (from what I understood). It cannot be fixed on CSS/HTML side. It must be fixed on user side.
Fix: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
More information about problem: CSS3 rotate - rendering problems in Firefox and Safari
I have a cross browser solution for dragging and dropping using HTML 5 that works for all elements in IE 9, Chrome, and Safari. Firefox works for everything except input types such as textboxes.
I have done a lot of research on this with a lot of help from these resources:
http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/
http://html5doctor.com/native-drag-and-drop/
I have also scoured the HTML 5 spec and the Firefox MDN and other resources and have found no solution to the problem. I would hate to fall back to a jQuery library, but it just looks like HTML 5 is not ready for prime time and that I may have to do so.
Has anyone tried this and have a solution or am I going too far over the edge here? Glad to see workarounds are so prevalent in HTML 5 already and my dream of HTML 5 being cross browser so quickly destroyed with the first new thing I try. The spec makes it sound simple. Add a draggable attribute and handle a few events. Except, IE only supports anchor tags and image tags. Webkit browsers need CSS and Firefox apparently doesn't support input fields.
Try dragable attribute for firefox and -webkit-user-drag css property for webkit-based browsers.
See http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html#link9