Toolbar buttons stacking in tinymce on ie8 - internet-explorer-8

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

Related

Bootstrap images not aligning properly in Explorer, Firefox

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.

Sidebar disappears in IE8

In IE8 the sidebar disappears. Same in IE7. Any thoughts on how to bring the sidebar back?
http://www.browserstack.com/screenshots/f28f91bf169e4cc94377c50d5ef081b6dfad35fe
http://thetrafficticketman.com/scott-markowitz/
Internet Explorer sadly does not support much of CSS and HTML and js... In other words it's just a very broken browser that needs to be updated. You cant fix it unless you specially create new scripts/CSS to work with only internet explorer users.
Although this may not be as big of a problem because: many people just don't use internet explorer anymore..

Image Not Being Displayed Atalasoft/Telerik IE8/IE9 issue

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

IMG disappearing in firefox only?

I have built the following page a while ago: http://www.cnplumbingandheating.co.uk/#page=about
However, the ID card (images/id-card.png) disappears in Firefox, although behaves as intended in Chrome, Safari and Opera. It was working in Firefox some time ago, and I have not edited the files or code since, yet this bug has appeared...
Can anybody shed any light as to what might be the cause, particularly if you cannot replicate it?
NOTE: The image reappears if you hover over it, but disappears on mouseout. There is no CSS/JS affecting this (as far as I can see).
I can't replicate the problem. I think it's working fine. Maybe a caching issue.
Anyway have a look. This is what i see when the page loads:
and this is when i hover the id card:
It seems it works well. By the way, nice website.

Unable to highlight text in textboxes in IE9

I have C# MVC web app that has some textboxes that in IE9 you can enter in text, but you can't highlight via the mouse or via holding shift and the arrow keys.
I've looked around on the web and i've found other people experiencing this, with no solution.
One site i found claimed it was an issue with IE9 on pages that make multiple AJAX calls, which my site has but, removing AJAX really isn't a solution.
Is there a way via code or via settings in IE9 so that users can highlight text in a textbox? Or is this an outstanding bug in IE9?
Edit:
The website works perfectly fine in chrome
Turns out it was a rogue jquery statement that was
(.someClass).disableSelected()
that was disabling selection on every single textbox in my site. The kicker being that IE and Chrome handled it one way and Firefox a different way making it seem like a different bug
I had the same issue.
Select Tools on the IE bar / F12 developer tools. under the tab ( Document Mode IE9 standards ) check marked Alt+9. Closed the developer box. Closed IE9 opened it back up and everything worked as it should.
Hope this helps.

Resources