Hallo all.
I need a tool similar to firebug with ie6 to edit css live.
I tried to use ie developer toolbar but in ie6 seems not to let you edit the DOM as wanted.
Is there any tool around?
Kind regards
Massimo Ugues
There's one but it's pretty buggy.
It's called cssVista.
I am using version 0.1.5.3.
I've not checked to see if you can change or edit CSS live in it, but I've used Firebug Lite in Internet Explorer in the past. You might want to check it out.
I've heard great things about Adobe Dreamweaver CS 5, it has this feature. I also here that where other software has failed (things like Drupal with a bazillion nested CSS files), Dreamweaver CS 5 handles well.
Related
I never noticed this before, but IE's dev tools completely strip out CSS comments in the CSS tab. I'm working with a large front-end framework and need to wade through the dev version of the CSS -- mainly to cross-reference the documentation/comments. Am I missing a setting/flag/whatever, or am I out of luck?
Whilst not ideal I would have to suggest using firebug lite.
https://getfirebug.com/firebuglite
It will at least give you half decent tools to view these kind of things.
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.
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
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'm looking for a VS2008 Plugin or other tool that allows me to edit CSS and preview the changes in IE and Firefox.
I'm not full time web designer, so free or open source is a plus.
Visual Studio integration is a big plus
Reviewed so far:
CSSVista
Pros:
Free
Nice previews
Cons:
Editor is not powerful
No save to local file
No intellisense
Firebug
Pros:
Free
Intellisense
Cons:
No save to local file
Only firefox
Homesite
Pros:
Intellisense
Saves to localfile
Cons:
Not free
skybound stylizer seems to be the app for you. allows for live editing, much like cssvista, but with way more powerful tools for editing.
What I use to get that functionality is through the Web Developer Addon for Firefox, you can edit CSS in real time. I don't know of a functionality like that for VS.
Not quite the answer you'r looking for realy but Firebug for Firefox has css-edit-preview.
For Ie-----there is one tool Iedeveloper tool
For Firefox----Firebug is enough..........Using these two,,,u can edit css and u can see the preview