CSS problems

[php_hazard_01]

Hey could someone give me tips on how to fix some CSS problems....
How do you fix a CSS so that it can be viewed correctly with Opera and Other Browsers other than Internet Explorer?

thanks...
any help would certainly be appreciated...


peace out....new NEWBIE in the block....haha.....


I made a website for our church that can be viewed properly with Internet Explorer but is really messed up when viewed with Opera. I dont know about the other browsers though, if my lay-out is shown correctly...

link
http://lcfph.witnesstoday.org

[drhowarddrfine]

You will never get IE to attempt to perform like modern browsers without a proper doctype. See my link below. Use html4.01 strict. Yours is incomplete, putting IE into quirks mode.

In addition, you have 123 html errors and too many css errors. Validate your code and fix those.

[php_hazard_01]

...does having a proper doctype show the right content I want them to see for other browsers??...

thanks very much...

[WebJoel]

...does having a proper doctype show the right content I want them to see for other browsers??...

thanks very much...

Not exactly, but it helps prevent mis-representing things. -Quirks mode is kind of like 'guessing' when IE doesn't know how to do something. Switching to a strict !doctype will probably reveal a few more 'warnings' (small things that still display correctly, but cause the browser to hesitate maybe, and things that are a detriment to all user-agents e.g., screen-readers, etc.)

You obviously have Opera and IE, -get Firefox, and add the extention "HTML-Tidy". The Mozilla website shows you where to get Firefox (Firefox is made by the good folks at Mozilla, and Mozilla people were mostly responsible for Netscape, so they're all in good company). Installing extentions for Firefox is EASY! You click to download the file, when downloaded, click "install" and the browser installs it cleanly and next time you re-boot, -you'll have it!
Advantage of HTML-Tidy: -view your web page and on the toolbar, click VIEW --> SOURCE and HTML-Tidy will show you all the warnings & errors in the document, and recommend a "clean the page" of warnings. One click will correct all the warnings. Things like this (from you site: )

<center><a id="normal" href="gallery.htm">View Gallery</center></a>

( "</center"> before "</a>" , is improperly nested. )

HTML-Tidy doesn't correct the bona~fide HTML "errors" (in case it doesn't understand the tag and thusly corrects it incorrectly...), but shows a suggested correction and why, and almost always, a link to the W3C site detailing the rules of that correction.

If you have 123 errors or warnings on your site, -this is far easier to get things right than trying to go through and fix things line-by-line unassisted. :)

[php_hazard_01]

thanks webjoel...hehe....expect more questions from me...hahaha....



Quirks mode...