Bootstrap 2 on IE10 displays Modal wrong - javascript

i have a problem with bootstrap 2.2.1 and have a big problems with my modals in IE10.
When the modal opens it appears in the right top corner and the most of it is cutted of.
See Screenshot.
This appears only in IE10.
Do you know why and can you help me?
I can't show you the site and link, because it's on a site where you need a account to use it.
EDIT - SOLUTION:
I found the solution! The modal loaded a php file and in this php file I loaded the header of the site again (the area). And that was the mistake. After deleting the inculde line every thing worked.

IE 10 seems to behave this way when allowed to render in "quirks" or "compatibility mode"; use this meta tag to prevent it:
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Related

How detect smartphone screen and show webpage

I'm creating a webpage and I want create a version for smartphones.
I found information about this, but using a media-query with max-widht.
The problem is when a user open the page in a smartphone with full HD screen, it's showing all content like in notebook with 15.6"
How can i solve this?
Thanks
Take a look at HTML Responsive Web Design at w3schools: https://www.w3schools.com/html/html_responsive.asp
What you need is to make viewport responsive by adding meta viewport tag to your pages head:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
I agree with #StaXter. But IF you can, I'd implement a feature both back end and front end solution. From what I've read online, the back end solution may fail sometimes, and as every web developer knows, JS sometimes fails too, for whatever reason although JS failing is becoming less common in my personal opinion.
But if you can't then there's 0 doubt, just use the solution that StaXter said.
Only other thing I can add to that where you're just using the front end is to make sure you use meta tags: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
There are even meta tags for when someone has disabled JS, you can redirect them to a page where there's no JS.

http-equiv="X-UA-Compatible" content="IE=10" becomes default on other page on IE 11 with StrokeReader serial port ActiveX

I have a header that I include on different pages.
Inside header I have
<meta http-equiv="X-UA-Compatible" content="IE=10" />
It works on one page, but when I click a link to another page with same header it becomes default internet explorer 11. something is overriding my meta tag.
I'll include an image with dev tool explanation. Can anyone point to right article or if you had incounter this problem can you tell me where is the problem?
BTW I am using Serial Port reader program that supports only IE-10
but PC is windows 10 and I can't have IE-10 there.
First Page where meta tag works,
Then I click Detail link it brings me to the page within same header, but there I loose meta tag.
and error in console if it is somehow related to this issue
I started debugging with <cfabort> on every line of code and when I reach Coldfusion's <CFORM>, <CFINPUT> and <CFSELECT> tags, I lost meta tag ie=10 . Here it was becoming IE defalut 11. I put regular HTML Tags and it worked. Thanks for your time guys.

Image Loading on Mobile CSS/HTML

I have been editing a web page, some CSS/HTML (didn't start to code from the beginning just edit)
My website works with all browsers right now, the problem is half of the images does not upload on mobile. I have put a screenshot.
Here is my code http://jsfiddle.net/2gj9b2ub/
I've been reding these media queries but it seems I have to re-write the all CSS for that? The site is not a mess just image uploading problem so maybe I can fix with something else.
Thanks for the help.
So I found a solution after few research,
I just entered this one line of code <meta name="viewport" content="width=device-width, initial-scale=0.33, maximum-scale=1" /> into head section, adjusted scale and it worked. It doesn't work as good as like bootstrap or a code for designed for mobile, but it fixed.
Thanks for help.

Jquery colorbox popup lost his alignment in IE9

I am using the Jquery colorbox pop ups they work superbly in all browsers except in IE9: they lost his position, height and width when they open. Anyone know what the problem is?
In my case, the problem went away with NOT using mootools.js on the same page where I used colorbox. So I guess mootools.js and colorbox together don't work in IE9.
In my case (magento) it was a problem with other scripts (using prototype). Removing prototype library made colorbox working fine also in IE9. Trying jQuery.noConflict(); didn't help to made scripts work together. I've added compatibility meta tag, to force compatibility mode in IE9 with IE8.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Wordpress 2.8+ and IE8 display problems?

EDIT: Corrected the site header IE7 code in my original post. Have tried that and inserting X-UA-Compatible: IE=EmulateIE7 into the header without any success. Both of these steps are suggested by Microsoft here:
http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx
I'm working on a Wordpress blog (URL: www.nxtbot.com) and have encountered some problems with how the blog renders in IE8. The site uses Wordpress 2.8+ and the Mandigo Wordpress theme.
The primary design of the page has one central content window, with two sidebars on the right side of the page that use and display widget elements.
The site loads and displays perfectly when viewed with Chrome, Firefox, and Safari, but breaks when viewed with IE8: Both sidebars disappear, and only the main content window is visible.
I've tried inserting this into the site header...
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
...to force IE7 compatibility, but that didn't seem to help.
Anyone else encountered this problem, or have a fix/workaround?
Your use of to position the content and the sidebar is a really bad idea, but that is not the problem with IE8.
the real problem is that you have an unclosed object tag in post 228 and that eats the rest of the page. As your sidebars are after the content then they disappear.
What you should do (except fixing the broken markup, of course) is to stop using tables and instead draw the sidebars in divs that are right floated, and put them before the content in the HTML. The result would be properly positioned sidebars that are rendered before the content and will not disappear if your content breaks the markup.
" is misssing after content attribute, if that isn't tying mistake.

Categories