A few days back my blog’s content area appeared shrunk in Internet explorer 7 and its later versions. Since Browsers like Firefox and Google chrome corrects the mistakes in your website code, IE doesn’t. It took me more than 15 days to catch the bug in the wordpress thesis theme. But it helped me to learn a lot about CSS (stylesheets) used in websites to style each and everything a website contains.
CSS isn’t a rocket science once you spend some time understating it. Once you get hold on the CSS codes, attributes etc then its a child’s play. I searched for the IE issue on the internet but there was nothing of help much. Then finally one day i learned about a extension/add-on called Firebug.
What is Firebug
Firebug is popular tool which helps you to monitor, edit, debug HTML, CSS, JavaScript live in any webpage. It detects error automatically and helps you to correct them. You can experiment with website code and check the effects immediately. Not only on your website but you can view the codes of other websites to know how they made it look like so.
Firebug can be installed in both Firefox and IE. It works great in both the browser. The best thing is that the code page opens in a separate window so that you can make and see the changes side by side.
The best feature i liked in firebug was the inspect tool. Select the tool and bring your mouse pointer on that part of the webpage whose code you want to know or edit. This tool helped me figure out the problem that i was facing. The problem was in the IE CSS provided in the theme. The IE CSS was decreasing the width of the content box to 50%. So i changed to “auto”. Here a screenshot of the Inspect tool.
Link: Firebug for Firefox, Firebug for IE
Tell me how was your experience with this plugin?
{ 9 comments… read them below or add one }
yes Firebug is quite helpful…
I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success.
Unbelievable, that’ s exactly what I was seeking for! You just saved me alot of work
you can use firebug for ie if you use internet explorer
ya firebug is available in IE too.
Good Afternoon
Great share, thanks for your time
You certainly deserve a round of applause for your post and more specifically, your blog in general. Very high quality material
Hi, i think that i saw you visited my blog so i came to “return the favour”.I am trying to find things to improve my website!I suppose its ok to use some of your ideas!!
That appears superior though i’m just still not too certain that I like it. Anyhow will look a lot more into it and choose for myself!
{ 1 trackback }