design varies in IE and FF - CSS compatibility issues

grafix

hi,

i am a novice in web design -- but i love to learn and do things my own -- in jan i launched my site -- it was a downloaded css template and i just made the necessary changes -- now a subsite has been include -- both tables and css are used in it -- IE displays it correctly but in FF it is not the same --

can any one help me --

http://www.secretarialservices.grafixsolutions.biz/

thanks,
Pranjit

Apr 5 '07 #1

drhowarddrfine

The problem is two-fold. First, there is no doctype. This puts IE into 'quirks mode' which means it uses what is known as the infamous "broken box model", ie, an error Microsoft introduced in Internet Explorer and the world has paid the price for it since.

Second, the page is missing elements which are listed by using the W3C validator. But first, you must add a proper doctype.

All these things are discussed in the stickies at the top of this board. The doctype you should use is this one:
Remember that if your page works in IE but not Firefox then something is wrong with your code. Firefox and Opera are modern, standards compliant browsers while IE is old, buggy and non-compliant. So always do initial testing in the modern browser first.

Apr 5 '07 #2