I have a Issue. I'm currently working on a site but decided to not really pay attetion to IE since its an one page site and we have a selected audiance so we decided IE isnt a main priority.
Now I was doing some testing in ie 11 just for fun and everything seems to work pretty well. I only have 1 problem with the fixed background.
Whenever I try to scroll it shakes instead of just staying on its place. (so it is fixed but it still shakes up and down a few pixels when scrolling)
I also have a menu at the top which use scrolltop to scroll to the right div when clicking a menu item and when you use this the background image dont shake and behaves like it should be.
For anyone having windows 8 and ie 11 this is the link: http://www.randomshirts.nl/letterfabriek9/
UPDATE: when I test it on my normal computer ie11 its working fine. it seems to be a problem with the touchscreen laptop
Try saving the background image in .jpg and try lowering the pixels and also make it sure that your IE is fully updated.
Related
The webpage which I am currently front end coding is https://www.softpaz.com/software/download-jetbrains-webstorm-windows-180745.htm
Issue is that the
1) sidebar sometimes gets transparent
2) div background are blank, then suddenly appear and then go blank again.
3) The buy links table has flickering borders
4) Most of the small icons are flickering
These things happen when scrolling in Microsoft Edge, and IE11. Have tested the same webpage in chrome and firefox, and its working without any issues.
I have tried:
http://ieflicker.com/
tried removing the background, removing box shadows, text shadows, disable rounded corners and put everything at 100% opacity, but it still happens.
When the page is small, that is, there are less number of elements on the page, like the about us page of softpaz(link on top top right) then everything display fine.
Am confused on what to do now!?
I figured it out! Posting it if someone is facing the same problem. My system has the Intel HD3000 and running on Windows 10, which means that there was limited hardware acceleration support(as there are no official drivers from Intel). The page runs fine on other systems.
Once again, I see that Firefox, Chrome, Opera, etc outshine IE/Edge on the same system!
I am working with Foundation 4 plus WP and came across a very interesting issue and this is not a UTF-8 issue.
Page rendering in Chrome:
http://www.nmjgraphics.com/imaging/chrome_ren.jpg
Page rendering in Firefox (IE 10 loads the same way):
http://www.nmjgraphics.com/imaging/ff_ren.jpg
In both FF and IE the top navigation renders perfect out of the box, but in chrome it is bumped down by 30px. Now I can apply a margin of -1.9% 0% 0% 24.5% and that gets the menu back to where is "should" be on the browser, but IE and FF shift the menu by -1.9% and that cuts the navigation in half. In addition to that I also tried using the top element setting at 100% initially and then using "inspect element" in chrome move the number down to 0 with no effect at all.
This has not been tested on Opera or Safari, but my assumption is they will render just like FF and IE.
I do apologize for the links instead of images, but I need 10 rep just to add images to the question and I can only post two links, but I did have a total of 3 images showing the rendering on the three browsers. If you want to see the ie rendering, just change the browser name to ie_ren.jpg.
solved it. I was pulling my hair out for nothing. Page renders fine if I am not logged in. I completely forgot about the bar. I figured that if I wasn't placing it in the theme it wouldn't show up at all. Learned something new there. I will either add the bar (which I should) or disable it all together.
Would someome do a quick check on IE 8 and go to my site and verify that what I'm seeing is correct? I've been coding a new stylesheet for IE8 and it works fine, except all of the sudden I am now getting some pixelation glitch in the top left thumbnail of my homepage slider. This wasn't there a moment ago and I haven't changed anything, so I want to make sure it's a bug on my computer and not in IE 8.
http://fdoandsons.com/beta/index.html
What I see:
Top left thumbnail on the above link flashes black squares when the slider is transitioning. You can view in a standards compliant browser and see what it's supposed to look like.
I'm using Smooth DIV Scroll for a project.
Anyone knows how to make it work in IE6?
I've seen it done but am not sure how.
You don't mention anything about what is not working?
I don't have a real computer where Internet Explorer 6 is installed, but I do have a virtual machine running Windows XP (SP3) and IE 6. This should be the same as the real thing. On this machine I can run Smooth Div Scroll in IE6 without any bigger problems.
There is one issue with the height of the hotspots - for some reason setting the height of the hotspots to 100% will not work in IE 6 (go figure). So if you plan on using the hotspots for scrolling and you know the height of your scroller, you can set a pixel value and it will work.
In the file smoothDivScroll.css or in your page CSS try the following:
div.scrollingHotSpotLeft, div.scrollingHotSpotRight
{
height: 250px;
}
...if the height of all your scrollers are 250px. This will fix the issue with the short hotspots when using IE 6. If you ask me, I'm amazed Smooth Div Scroll works at all in IE 6.
Having a slight problem with
http://jquery.com/demo/thickbox/
In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other browsers the overlay window follows. Help? Thanks
I had the same problem, but only when using <frames> or <iframes>. Being unable to correct the problem, along with a few other bugs, I decided switch to using Shadowbox http://www.shadowbox-js.com/. I found it to be ALOT more flexible. Just a suggestion. But as for the IE8 problem you reported, I never encountered the issue in a parent window, just when using frames.