I have designed a site that shows nice via FF or Chrome while fails to render with IE. I am looking for some kind of software inorder to find the parts that causes the render issue.
For CSS validation you can use the following links
http://jigsaw.w3.org/css-validator/#validate_by_upload+with_options
http://tester.jonasjohn.de/
But mainly some of these CSS issues will be a bug in the browser and you cannot find them using CSS validators. For that you have to manually detect and replace them with alternatives.
Unfortunately this will be a trial and error effort. Microsoft does have a developer toolbar but if you are doing anything really complex its not going to be the best help.
IEDeveloper Toolbar
Related
I am using Tab control of ajax tool kit and it is working fine in IE but tabs are not being displayed in FF. I googled and found some other people had this issue. Any solution please ?
Have you checked CodePlex to insure you are using the most recent version?
Also i would recommend switching to a jquery(ui) based altenative, since it's probably more robust and cross browser proof.
i have some ASP.NET pages.
pages does not appear in FireFox4 same IE9.
i want to find my HTML or CSS Design problems.
i hared that this is a tool for finding problems.
but i can't use it because my ASP.NET Page contains some usercontrols.
I am looking for a way to find my design problems(tool , tip , etc).
another note is i am using jQuery UI plugins in my site.
One approach would be to use Chrome Developer Tools / Firebug / IE 8 Developer Tools to take a peek at the HTML being generated to look for any glaring errors. It can also help catch some jQuery issue that might be causing you grief.
Outside of that, HTML Tidy is a nice program that could help diagnose some stuff for you as well.
One thing to realize is that every browser renders a page slightly different, despite the attempts to render them in a "universal" manner. If you're really looking for the small differences, you can check out the SuperPreview tool that comes with Microsoft Expression Web
So I'm supposed to be a .Net Developer but have found myself getting stuck with allot of css and html stuff lately. I would now consider myself to be very strong in css and all it's intricacies. With that said I still see any use it any of the Visual Studio support for it outside of the intellisense (when it works).
I want to ask if anyone developers that view themselves strong in css are using any of the Visual Studio 2008 css support features and if so what they are and why they use them over say firebug?
Thanks,
Denis
Hand coded all the way for me.
Firebug is really good for getting to the bottom of wierd browser issues, but generally I have IE, Chrome and Firefox open when I'm coding html & CSS, and I just make sure I hit the refresh button often enough in all three of them to make sure I don't get any nasty suprises after writing a pile of css.
Typically I turn off all of the Visual Studio CSS stuff. It's not exactly well made. Instead I've been using MS Expression to build master pages and manage CSS files. It is light years ahead of VS.
That said, I see firebug as a complimentary product, not really a replacement. I use FireBug and the equivalents in safari, chrome, and IE 8 to see what's going on with the internals of a particular element on a page. I use Expression to edit and maintain the css.
My site roofcommunityservices.org I am being told has some div shifting issues in IE6. We do not have IE6 here at the office, but I do use the Firefox render tool to view a screenshot si I get the general idea. I am on a Mac and can't see the same issues as my client.
Could someone take a look at the site in IE6 PC and tell me what they are seeing, particularly on the donation page?
Thanks much.
You can see all kinds of browser setups by using browsershots.org
There is some shifting on the donations page.
Also, transparent .png files are not supported in IE6.
I haven't tested it in IE6, I don't have that either. But Generally the first thing I do when trying to see why something isn't working is run it through a validator. Sadly, your page really doesn't work well on a validator, and it runs lots of complaints.
Stating "XHTML Strict" and then using non-strict html really isn't a very sensible idea.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Froofcommunityservices.org%2Fdonations.html
If you are lucky, fixing your 226 validation errors might help IE6.
People who disagree with me, try changing the closing tag of "title" to "titel" , and see the miracle occur where IE renders a completely white page but firefox doesn't mind.
As for getting Flash elements to validate, see here:
http://latrine.dgx.cz/how-to-correctly-insert-a-flash-into-xhtml
http://www.alistapart.com/articles/flashsatay
This has also been useful in the past, but its a bit dated now:
http://jquery.lukelutman.com/plugins/flash/
Take a look here: http://www.stalebrew.com/2008/browsers/stand-alone-internet-explorer-6/
You can download a stand-alone version of Internet Explorer 6 for doing such testing.
Another option is to use http://browsershots.org to see screenshots of your website with various OS and browser options.
Everything was fine except for the banner you had at the top. When I checked in ff, all the sub-links were available. When I checked in IE6, none of them were shown.
It looks like your navigational menu is missing entirely in IE 6.
http://tinypic.com/r/35l7pc6/5
It might be prudent to have a virtual machine running XP with IE6 for testing your layouts. And, as other have mentioned, running your website through a validator (w3) and solving those validation errors can give you a good starting point with pinpointing some random display issues. Particularly if you have a lot of non-closed tags.
In addition to the solutions already mentioned, there's a javascript library called IE7 (nowdays also IE8), that claims to solve IE6 ja IE7 related CSS/PNG-problems. In my experience, it does solve some, but not all of them. It's very easy to use, you just need to include the javascript file.
http://code.google.com/p/ie7-js/
Here's some basic info about running windows on Intel Macs.
http://www.macwindows.com/winintelmac.html
Microsoft provides images of XP SP2 with IE6 and IE7 for free (for testing purposes). See http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-machine.aspx
There's a handy program called IEtester (only for windows i'm afraid, but remember the virtualisation/bootcamp) that helps you see your pages in IE5.5, 6, 7 and 8.
http://www.my-debugbar.com/wiki/IETester/HomePage
FORGET ABOUT IE6
we're already on IE8, people. it's like supporting IE4 when IE6 came out...
I have a small website developed using VS2005 and mySQl, it's just 2 webforms and login page.
During the development and testing phase, me and my customer were using IE6, and it was looking fine, we didn't test with other browsers because it's a small application, and just a add-in for large desktop application.
The customer informed me that site doesn't like the same when he installed IE7, for example I have a webfrom that show a page with Gridview that has multiply pages(AllowPaging=On), it doesn't look fine in IE7 and I can't navigate to other pages in Gridview, but it was working fine with IE6, and there's no complicated things, just plan GridView with small formatting.
I installed IE8 and doesn't look fine with it too, even in compatibility mood.
Have anyone faced the same problem?, and what should be the quickest or best solution for that?.
I know, I SHOULD NEVER USE WEBFORMS AGAIN.
The only reason for a difference in look between the browser versions is your styling and doctype.
Start with setting a doctype to run in quirks mode. You can get information about it here.
After that, see if things improve. If not, I would start ripping out any css/styles/themes you may be using. Then build it back up using normal CSS.
Incidentally, web forms isn't the problem in this case; it's a styling issue.
as Chris mentioned, add to that that browsers have really some annoying differences that makes you pull your hair sometimes, and 90 % of the time it is related to CSS.
so what i suggest is the following
use a tool called IE Tester, it is amazing tool that let you test your sites in all IE versions.
Use conditional command for targeting IE specific version if some CSS rule is wrong.
we use this tool http://rafael.adm.br/css_browser_selector/ it is really amazing it let you define css rules for each browser without hacking or conditional statement, but the down side it is Javascript dependent, but we had no complains.
also this script http://dean.edwards.name/IE7/ which is brilliant, it will let IE 6 behave like IE 7 which will save you tons of problems, again it is Java Script dependent.
Avoid Hacks as much as possible, the above methods will help you a lot.
hope this helps.