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 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.
Tell me how was your experience with this plugin?