IE8 shows blank page after meta-refresh, although HTML is fully loaded

We are experiencing a strange problem in IE8 with our site. Sometimes our homepage stays blank, although the HTML is fully loaded. In addition, the mouse pointer responds to buttons and links, even if they are not displayed. When we hover over where the button or link should be, the mouse pointer responds in the same way as the actual link or button. It is as if IE8 displayed the entire page but does not display it. We often encounter this problem on different machines in IE8.

I read many forum topics about this behavior, but have not yet found a solution. But I have a few pointers. This should be due to the fact that the CMS we use uses a meta update. The page that we serve at the root of our domain is as follows:

<html> <head> <title>redirect</title> <meta http-equiv="Refresh" content="0; URL=/web/show"> </head> <body></body> </html> 

When we go to our example.com domain and we are redirected to example.com/web/show, this problem sometimes occurs. When we go directly to example.com/web/show, this problem never occurs, so it should have something to do with the update.

  • In Firefox, we see that / web / show returns a 200 response code.
  • In IE8, "Allow META REFRESH" is enabled in security settings.

Your help would be greatly appreciated.

+4
source share
3 answers

We solved the problem by removing @ font-face.

+4
source

Glad to hear that you solved the problem. I had the same problem and desperately searched for a solution in the last 3 hours until I realized that for IE8 I needed to define

 html, body { position: static; } 

instead of position: relative;

Perhaps this will save someone 3 hours of headache.

+1
source

I encounter the same problem when I used bootstrap-webpack , finally I fixed it by moving @font-face declarations to the HTML header. Thanks FlyingDR .

0
source

All Articles