3 tips on css
CSS debugging
I'm sure this technique is used by many web developers, but it took me some time to figure out for myself.
When working on a specific style class it's often helpful to add a red border around it by adding the following line:
border: solid 1px red
This makes all the items which use this class very easy to notice and really helps solving the problems with the style sheets.
Centering a block without using HTML <center> tag
To align a block to the center of the containing block you can set both 'margin-left' and 'margin-right' properties of the block to 'auto'.
The width of the internal block should of course be smaller than the parent's.
Web Design in Firefox, Tweak for IE
When designing a website never use Internet Explorer to test your pages with. Allways use Firefox.
There are two main reasons for this:
1. Firefox renders more closely to the w3c web standards than IE does (by miles)
2. Firefox has lots of neat plugins to help you test your designs (Firebug for one)
Once you have tested that your web design is perfect in Firefox you should then tweak or hack your CSS to work for IE. Firefox is definitely the web designer's friend.
We all know IE is a law unto itself so don't be a slave to it. Design your website to the correct standards first - Always!
