This is a simplified Chinese page, link:
http://www.vanillafactory.com/clients/womensclinic/www/sc/resources/weekbyweek.html
You'll discover that the page is blank when it renders in IE7 (FF, Chrome are fine).
However, if you download this page on your desktop and then remove the title tag, then the page works fine again.
What's the problem of this page? The title tag or elsewhere?
It works fine for me with IE 7.
Only thing is that the title tag shows up as a line of boxes.
This error is probably something to do with the security settings in your browser. Since it works from a local disk but not from the Internet.
It works fine for me in IE7. The blocks in the title tag go away when you use the ENG tab at the top of the page. I believe that the problem lies with the Chinese language not being displayed properly in the title tag.
It's the encoding problem of different browser.
changing the encoding to UTF8 solves the problem.
Related
i have website with html code in simple html tags. but its now showing data when i use chrome and Firefox MAC, but works fine on windows. i have data in p tag and a tags and more these types of simple tags.
Showing your code would be helpfull. Now I am not even clear what your problem is. It is not working on MAC at all, or just on Safari browser?
I have a problem displaying my site in IE, the site is mysite.
If you check the source code you can see that the site contains html but NOTHING is displayed, i have removed all javascripts and it still doesnt work. What has IE done 2014 for this to happen?
Use this to debug your code: W3 Validator
Try changing the & to &
It looks like the problem is caused by having an unencoded ampersand in your title element. It seems that Chrome is able to figure this out, but IE just dies.
It is setting the title element as blank, and not trying to render anything else.
I find myself in a pickle, I hope someone can help.
I have a website and if I open this website in any browser out there it works perfectly find until I open it with IE7. IE7 opens the website however it only load half of it... the html source code is downloaded successfully and the elements in the background are active, they are just not visible to clients o.O what can I do??
The website is: http://ambulanta-susnik.voblaku.com/
I'm not trying to advertise in ANY WAY. I just fell like this is the only way to really show you whats wrong.
Try opening it in IE7 or IE9 with Document type: IE7 standards.
Any ideas??? I tried everything ... different doctypes, xmls declaration, xml declaration, etc...
W3C HTML validator shows 5 Errors, 5 warning(s) but those are only for unencoded links...
Screenshots for those who can't use IE7 compatibility mode:
WRONG WAY: http://ambulanta-susnik.voblaku.com/files/wrong.png
RIGHT WAY: http://ambulanta-susnik.voblaku.com/files/right.png
Add position:relative to the #content {} css
Somehow my fb:like widget looks bad in IE8, but ok in Firefox and Chrome. Even the text is different. How could I affect somehow the rendering of the widget?
Me:
Does the like button at
developers.facebook.com/docs/reference/plugins/like look different for
you in IE8?
You:
No. Not exactly the same in IE than in real browsers, but basically ok.
Since your IE 8 works on the plugin page, then there's something going on in your HTML that is interfering with the plugin.
Your best best is to strip the page down to bare essentials until the button renders correctly in IE8, just as it does on the documentation page.
Then slowly start adding in content until it breaks. Then you know what caused it and it will be a lot easier to fix it.
This page is being rendered incorrectly by IE 9 (and probably older versions too). The right menu is floating to the bottom of the page. Firefox, Chrome and Safari are rendering it correctly. Other pages in the blog are also being rendered fine by all browsers. I already tried to fire IE 9 Developer Tools (F12) and reduce the width of some divs (such as #main and .columns-inner)... no lucky with this approach, even with extra space the right menu is still rendered at the bottom. So I figure that the problem is in the Blogger auto-generated tags / css for the page content (which I am able to modify). Any CSS gurus out there can point what is wrong?
Cheers,
You have this line in your <head>, which is causing IE9 to render the page in IE7 mode:
<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>
If you remove this, it renders fine in IE8 and IE9. It still renders poorly in IE7, though.
Edit:
In response to your comment, I am able to replicate the issue with the background no longer being opaque. After some investigation, there is a particular script file being loaded:
http://www.blogger.com/static/v1/jsbin/938506610-ieretrofit.js
If you remove the <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> on line 4 of the source, and you remove the ieretrofit.js file from line 1471 of the source, the page should render correctly in IE9.
Since the ieretrofit.js file appears to be generated by Google, you might want to ask them about it. If you would like to disable it JUST for IE9, and allow it to continue for IE8 and below, you should take a closer look at line 1471 of the source. Here is a snippet (it's quite long, this starts around character #2275):
'\74!--[if IE]\76\74script
The !--[if IE] there is part of an IE conditional comment. You can change that snippet like so, and it will still target IE8 and below, without affecting IE9:
'\74!--[if lte IE 8]\76\74script
Let me know if you have any further issues!
The page has 104 validation errors — I’d start by fixing those if I were you.
Almost certainly it is because the page is invalid. Also, I really would think about starting again with this page as it is overly complex markup.
Guys. Figured it out (with great help from andyb and Paul D.)
The validator pointed to some unpaired </div> tags that I removed. Now it is working flawless.