I have this landing page, for some reason I can't see the check box, submit button and a div that are in the code. Everything works in chrome and Firefox. I understand that IE dosen't always get media queries so I made this landing page that calls a diferent css file when it detects IE, but it made no difference.
I have a few questions:
1. What is causing this?
2. How can I fix it? Is there a file, like modernizer, that I can load to modify code for IE.
3. I am also using this js addon on the second link with a separate css file, in order to see place holders in IE. This also doesn't work, if someone could tell me why, that would be great
I see the checkbox just fine in IE. why don't you show an image of what you are seeing. Also, clear your browser cache.
To help debug, you should press F12, then click on console. make sure there are no errors. Then click Network. Make sure all css/javascript is loaded with no errors. finally, in the dom explorer, click the arrow, and click on the page and see if the elements are there.
as i see it this is the solution to my question
at the top of the css file i had this row:
#import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
once i removed it i got the mossing elemnts.
tnx for helping
Dav
Related
I have a realy confusing problem with IE 11.
I use AngularJS to fill an element and display the element afterwards.
It works perfectly in FireFox and Google Chrome. In IE11 it wouldn't show until I click somewhere. It doesn't matter where I click. It could be somewhere on the page itself or my windows taskbar or on my second monitor.
I don't get any javascript errors on the console. After the random click IE shows at first only blank HTML. The styling is applied a moment later.
EDIT:
My Porblem is super strange. I've never seen something like this bug. My Code is running perfectly. All elements are thier with right values at the right place. All CSS rules should be applied. The pagination shows only after a completly random click somewhere but this only happens in IE11. Every other browser works like a charm.
Have any body saw this before?
I've asked two ather web devellopers in my company and we did code reviews but can't find any bugs in the code.
We think it's an IE11 bug. But there seems to be no one that can confirm this.
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function(){
$scope.apply(function() {
$scope.showPaging = true;
}
});
The use of $scope.apply is not encouraged though.
When I use Firefox developer tools to edit the body of a webpage, the page buttons either disappear or stop functioning like in the example below. This does not happen in Chrome and all the buttons work fine as they suppose to.
here are the steps that lead to the problem:
I go to the webpage that I need to work with, then I need to edit a few things in the page so I press Ctrl+Shift+C to open the dev tools, right click on <body> then Edit As HTML and change what I need to change and apply it and it works just fine with Chrome but in Firefox and other browsers the buttons stops working or disappear.
Here's the link to the example page. (This is only an example not the real page I'm working with, because the real one is in Arabic and requires more steps.)
This is because the Firefox DevTools obviously do the same as when you copy the outer HTML and then execute this
document.body.outerHTML = `*copied HTML*`;
inside the DevTools' console.
That's why all the event handlers as well as iframe contents are gone after you finish editing the HTML, e.g. in this case you can't edit the code at the left side and there is no output shown at the right anymore.
The Chrome DevTools seem to do something smarter here and recognize what has changed and only update those parts when you save the HTML. Therefore the output on the example page is still visible afterwards and the code can still be edited.
I've filed an enhancement request for that, so the behavior in this case can get improved.
When an <a> element is clicked on, normally it changes it's color or something to indicate it has been clicked. I just noticed that in iPhone's Safari, the CSS attribute change of a link upon click doesn't take place and the page just seems to not be responding, then it redirects to the link's URL properly, but the user will think that the link is broken because of this. Has anyone seen this problem? Have you been able to workaround it?
I have compared my website to others and it's kind of common. I have also tried a couple of things with javascript, but seems that the CSS changes are ignored and the link redirects before changing the CSS in the link. This doesn't happen on other browsers like Chrome in Android. Any help will be appreciated.
my website including jpg´s is displayed correctly on IE,FF & Chrome.
Safari on PC and iphone does not display all images.
If i clear safari cache and load page again the other images are not displayed as before.
I cant find any repeating mechanism which images are displayed or possibly not.
If you open the missing image in a new tab, then the image is correctly displayed. That works in all cases.
http://digikamera.yweb.at/public/uploads/image.php?width=178&image=/public/uploads/Canon-EF-100mm-f-2.8-USM-Macro-Lens-340x225.jpg
I already tired to add missing height definition of images and alt tags. But that did not help. Debugger does not show errors. Whats wrong in my code?
PLease check the issue on:
http://digikamera.yweb.at/Dslr
Please, can anyone help?
Code was fixed but the problem was still not solved. I found out that the issue was in the image resize script.
They show up fine when I test it in Safari.
However, there are a lot you can do in the XHTML markup to make it more likely to work in different browsers. For example, you are mixing HTML and XHTML, you are using duplicate id:s, you use height on tables and table cells.
The W3C validation service found 482 errors in the markup. Plenty of them are of course duplicates, but it's still a lot: http://validator.w3.org/check?uri=http%3A%2F%2Fdigikamera.yweb.at%2FDslr&charset=%28detect+automatically%29&doctype=Inline&group=0
Safari Wierdness: 340k jpg wasn't displaying, even after clicking the refresh icon. However, if I click in the URL box and then hit ENTER, voila! The jpg displays. But still not when using the refresh button.
iPad Wierdness: If I clear the cache and hit enter after putting in the URL, jpg displays. However, even if jpg is displaying, when I click on the refresh icon, the jpg doesn't display in the reloaded page, although I see by the progress bar in the URL box that it was trying.
So, I placed the jpg into a new file with nothing else and it loads normally, even with the refresh button.
Something in my code is preventing proper caching. I'll figure it out.
24 HOURS LATER: Turns out, I had changed the url reference pointing to the jquery file and didn't put the jquery file in that folder. Sure hopes this helps someone else!
I have TinyMCE opening in jquery.colorbox, everything is working, all the icons are clickable and I can update the textarea via the HTML icon but I can’t click into the actual editor box!
If I open TinyMCE outside Colorbox everything works fine.
Has anyone come across this before and if so how can I fix it?
Latest Edit, not getting any loving here!
I just worked out that this actually almost works perfectly in IE. In Chrome and FF I can’t type into the box but in IE I can, BUT only if I hit "THE ANY KEY" while my cursor has the focus of the box. The text then miraculously appears and I can type and update at will.
Anyone???
Old Edits Below
Could this be a z-index issue, I'm not sure because everything else opens on top of ColorBox, including Insert Image and my file browser. it's just the TextAera that I cant click into!
A More little more info
My website is MVC3 and i'm loading TinyMCE as done in this tutorial: http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget
Anything I can find regarding this problem is loading tinyMCE at the same time as jQuery ColorBox or jQuery Dialog, which yields the same result.
People doing this in PHP and other tech have been having more trouble, in my case everything works but I cant type into the testArea/EditorFor.
I now think z-index has nothing to do with it so i'm going to try and make sure TinyMCE is loaded after ColorBox has completed loading!
I believe this is because colorbox traps the focus and prevents focus on anything outside the colorbox bounds. TinyMCE creates an iFrame outside the colorbox and you can't click on it.
Try setting trapFocus to false in the colorbox options.
Add link as option in plugins plugins: "link