I did a new Drupal theme for my site based on the Zen theme. Since I am on Windows 7, I did testing with IE8, Firefox 3.5, and the most recent version of Chrome. The site looks great in all of those, but I just found out that it breaks on IE7. Unfortunately there is no way to put IE7 on Windows 7, so I'm at a loss for how I am going to find the exact cause and test a fix without flagging down a friend with IE7 on Vista or older.
My hope is that someone here might see what the issue is and point it out as something obvious. My HTML and CSS fu is not strong.
The site in question and some specific pages:
http://byswarm.com/
http://byswarm.com/setting-concept/mejijpunk
http://byswarm.com/page/plan
Any help would be greatly appreciated.
If you can use Microsoft Virtual PC. you can get IE6, IE7, IE8 VPC image free for development.
http://www.microsoft.com/downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en
Use Sun VirtualBox (freeware) to create Virtual Comps with Windows XP (for IE7) and Windows 2000 or 2003 (for IE6), also recommend to install additionally IEDevTools (tools like Firebug for Firefox) for these IEs...
For fast previewing pages in IE you can use IETester (support 5,6,7,8 versions of IE)
Normally IE8 has a button right to the address bar where you can display it rendered by IE7. If not, you can always try this header, that forces IE8 to render as IE7:
Related
I have a ready template that is supposed to support the major browsers and IE versions 9, 10 and 11. The web page looks good on Chrome, Firefox and in my IE 10.
Using the F12 (developer tools) I have tested it using Browser Mode set at IE9, 8 and 7.
In the I have added <meta http-equiv="x-ua-compatible" content="IE=Edge"/> so the "Document Mode" is set to Standards by default. I have choosed Edge because it fixed some issues on 7 and 8, that were not fixed using the content="IE=1E9".
So everything looks nice in my pc, supposing that the "Browser Mode" is actual how it looks on an installed IE9, 8, 7.
When I use some online tools like http://netrenderer.com/ and set my choice to IE8 it shows a messy site, not like the one I see.
Who is the correct? Am I missing something?
Don't test using browser modes, use the actual browser - you can download free virtual machines from modern.ie.
Settings the IE=Edge doesn't guarantee proper browser mode. Check in the VMs or using browserstack to make sure the browser modes are being set correctly in the F12 tools
In my experience I have been mislead on more than one occasion using the IE developer tools when assuring my sites look good on IE variants. If you are familiar with VMs then I would suggest installing a Windows guest machine and install the appropriate browser versions.
If you want to test on your local machine for IE issues I use BrowserStack and I can configure it to run on my local machine so I can see my changes as I go along rather than making changes on local, publishing them, and then going into my VM and seeing if things look good.
Recently users of my website complained about the lack of support to IE6\7.
Is there an offline tool to test if a page-HTML isn't compatible with a specif browser and where is the problem?
Where can I find a list of things I need to be aware of in order to support IE6?
Update: The problems the users describe are in the UI, <Div>are not in the right places and that kind of problems, not JavaScript issues.
I can't force the users to upgrade theirs browsers.
IE6 is an ancient browser. Tell people who complain about lack of support that it's no longer supported and they should upgrade.
There is no "syntax checking" tool to find all incompatibilities, because the problems are not in syntax but how it's interpreted. There is no way around visual testing I'm afraid.
Here are some interesting SO questions on the topic:
One fix for all IE6 problems
How are programmers tackling ie6 bugs these days?
Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine
IE tester is useful for testing across version of internet explorer. It may not tell you what is wrong but you will at least be able to see / verify what users are reporting.
http://www.my-debugbar.com/wiki/IETester/HomePage
I have some offer about this for you :
Try to use Jquery more,because Jquery is compatible with most browsers
there are 3 useful addons for Mozilla : Firebug , Web Developer , IE tab
IE 9 has a developer windows that you can change your page standard into IE 8 or 7
Use syntax liek this :
<link rel="stylesheet" type="text/css" href="Styles/ie-fix.css" />
maybe this is useful dude for you :)
If your users are complaining about IE6, you should give support to IE, thats theory. BUT, if possible do as google has been doing for years, if the user is using IE6/7 or lower show some links to download newer browsers and tell them that their browser is too old.
You can use a seperate stylesheet for IE.
There is a third party software named Utilu. Utilu IE Collection contains multiple standalone versions of the browser Internet Explorer, which can be used at the same time. It has more than 10 versions of IE. But its used for viewing the web pages. This software also has firefox and chrome collections.
Hello my website http://www.paruhdice.com/index2.html is not acting as it should be. It worked some what fine in IE 8. And works perfectly in the latest CHROME and Firefox... but my sliding navigation is not even responding. What should I do? Prompt users to use CHROME or FIREFOX... or is there a fix to this? Thanks ahead of time
It seems to be working for me in IE 9.0.8112.16421 as well as the latest Firefox release. The left-hand navigation bar moves smoothly with the window as I re-size.
Unfortunately, HTML5 is not a fully implemented standard, so you won't get full support in any browser. IE9 was also released back in march and both Chrome and Firefox have made great strides since then to add more support for HTML5. Doing a quick web search I came up with the site, http://html5test.com/results.html. It certainly gives an interesting overview of your current browsers support for html5 as well as the ranking of other browsers by comparison.
Since it all ready sounds like you are telling all of the old IE, Safari, Firefox users to update to view your site, I see no reason to tell them some features don't work and you recommend they upgrade.
every one
like most of developer web developer i hate ie, buts many people still use it ,
my problem is the text on ie is really ugly , on other modern browser is clean and clear
any solution js or css to fix this without modifying the browser setup ?
thx
Text in newer versions of IE should support ClearType, however some animations in jQuery and JavaScript cause dodgy opacity issues with ClearType.
If you are talking about IE6 and Windows XP - could I suggest this:
http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/
This blog is about detecting whether the client is using ClearType.
how is the best way to be able to simulate ie6 in my machine to see what user experience these users get.
do i have to install ie6 or is there some other way to simulate it?
Create a virtual machine with XP and IE6. Microsoft has downloads that make it easy to do this for various OS/browser combinations.
IE Tester: http://www.my-debugbar.com/wiki/IETester/HomePage
You can also install multiple ie by tredosoft: http://tredosoft.com/Multiple_IE
You can install Virtual PC and use an image with IE6 that you can download here.
Microsoft is developing a tool called SuperPreview to view different browser renderings in the same program, that seems to be nearing the final release. There is a beta that you can download, but it only supports IE8 and IE8 in compatibility mode so far.
If you are happy with static rendering, than browsershots might be a good idea.
If not, I'd suggest to set up an old xp in a virtual machine.
You can download a standalone version of IE6 from here: http://browsers.evolt.org/?ie/win32/standalone
It's not perfect, but it lets you run IE6 alongside whatever browser you have installed, without the two interfering with each other too much.
You have to install IE6 if you want a decent test.
See Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine
The best option is to use a VM, as tvanfosson says.
Another good option if your able to deploy your site on to the internet is to use browserpool
Adobe Browserlab is also a handy (and quick compared to browsershots et. al) tool to get snapshots of what your site looks like in various browsers. Obviously not as good as actually installing IE... but useful nonetheless