Hello. The site I created is a Joomla site and it works well in IE7 and Firefox, but in IE6 the suckerfish menu is not functioning. The layout is not centered like it should be. Can you help me find out what to change in my CSS code so that it will function correctly in IE6? Is the doctype correct? Please help me fix what is wrong. the url is www. bwnps .com
I would really really appreciate your help. I am still a newbie to CSS.
You may want to change your
You may want to change your doctype to something more suitable. XHTML 1.1 should be served as application/xhtml+xml, not text/html.
For example, XHTML 1.0 Strict may be more appropriate:
The xml declaration you have above the doctype is specifically used to put IE/6 and down in "quirksmode." It is used on purpose, and with good and sound reason, by some very experienced authors. More often than not, though, it is simply a cut and paste pick up. It may or may not adversely effect the menu.
Either way, you'll want to correct the 172 markup validation errors before anyone may seriously devote their time to degugging IE for you.
The menu shows up fine when
The menu shows up fine when I viewed it with IE6, and most of the 195 validation errors you have are all syntactical. Fix them if you care about SEO and the overall ranking of your page. If there is a problem with the suckerfish menu when viewed by IE, you probably need to add a * somewhere in the CSS as IE6 is full of quirks that don't conform to CSS specifications.
The menu is working now - but still need some help
Remove this, "<?xml
Remove this, "<?xml version="1.0" encoding="iso-8859-1"?>" from your document. That causes IE6 to not play nicely with the rules.
Not tested, but it may fix the dropdowns, too. Until you get IE6 into standards mode by deleting the xml declaration, x-browser compatibility debugging is not reasonable.