This site... http://brinsterinc.com/3wave/ ...centers fine in FF, but stays left aligned in IE. What am I missing?
I just tried to validate the site... heres the outcome: 1. Error Line 58, Column 39: end tag for element "SPAN" which is not open <p class="sub_head">Our Approach</span> Fixing that up might help
Well, from top to bottom you've got issues... In the markup you've got a slew of div for no good reason, no heading tags (so SEO and accessibility /FAIL/), table for layout for no good reason, an invalid/incomplete doctype... Aha, there's your centering bug. IE is in quirks mode, so it's behaving like IE 5.x which does NOT center anything with margin:auto; - fix your doctype and you should get it behaving more like FF/Opera/Saffy/Chrome. Basically change this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Code (markup): To this <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Code (markup): Though REALLY you should be using this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Code (markup): Or even better this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Code (markup): Since tranny is for supporting old/outdated/half-assed coding methods, NOT for building new websites. Though switching to strict will probably require throwing out all your markup anyways, but that's ok given that it needs that anyways as you don't have semantic markup. I mean you've got some real oddities in there like no blockquote or cite on the quote and cite - while at the same time having blockquote around a list of downloads?!? Really your HTML should looks something more like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="screen.css" media="screen,projection,tv" /> <!-- Don't forget to implement these later! <link type="text/css" rel="stylesheet" href="print.css" media="print" /> <link type="text/css" rel="stylesheet" href="handheld.css" media="handheld" /> --> <title> THIRDWAVE </title> </head><body> <div id="pageWrapper"> <h1> ThirdWave Markets <span></span> </h1> <ul id="mainMenu"> <li class="first"><a href="index.php">Home</a></li> <li><a href="products.php">Products</a></li> <li><a href="samples.php">Samples</a></li> <li><a href="analytics.php">Analytics</a></li> <li><a href="about.php">About Us</a></li> <li><a href="CustomerLogin.do">Subscribe</a></li> <li><a href="contact.php">Contact Us</a></li> <li><a href="CustomerProfile.do">Login</a></li> </ul> <div id="contentWrapper"><div id="content"> <h2>THIRDWAVE MARKETS</h2> <p> <strong>THIRDWAVE</strong> delivers value-added research to clients in the equity, fixed income, currency and commodities markets. </p><p> For <strong>subscribers</strong>, we deliver comprehensive technical analysis of the U.S. financial markets. We invite you to view a sample of our three initial publications:<a href="samples/THIRDWAVE_Vantage.pdf"> <span class="thirdwave">THIRDWAVE Vantage</span></a>, <a href="samples/THIRDWAVE_Digest.pdf"><span class="thirdwave">THIRDWAVE Digest</span></a> and <a href="samples/THIRDWAVE_Opportunities.pdf"><span class="thirdwave">THIRDWAVE Opportunities</span></a>. </p><p> For <strong>institutions</strong>, we develop client-focused research solutions across asset classes, geographies and time frames. For more information on custom research, please use our <a href="contact.php">contact form</a> or call (732) 328-8350. </p><p> Subscribers and clients use these insights and investment ideas to develop their strategies. </p> <ul> <li> Provides differentiated, client-focused technical research and investment ideas </li><li> Covers any market and any exchange-traded security -- anywhere in the world </li><li> Responds rapidly to market-moving events </li><li> Produces innovative, themed investment research, such as our groundbreaking employee stock research </li> </ul> <h3>Our Approach</h3> <p> <strong>THIRDWAVE</strong> produces original, technical research and analysis of industries, companies and markets. We recognize that markets are global and interconnected. Our research team continually identifies and analyzes intermarket relationships and emerging trends that affect investments and markets on a regional and global scale. </p> <ul> <li> Employs a unique blend of technical indicators that display significant forecasting power </li><li> Examines rigorously the key intermarket relationships </li><li> Analyzes markets daily to produce timely and actionable strategies </li><li> Incorporates sound risk management techniques </li> </ul> <!-- #content, #contentWrapper --></div></div> <div id="sideBar"> <blockquote> <p> “I have been involved in the financial services business for over thirty years. I need quick, accurate and reliable information on a daily basis to allow me to make informed decisions and to converse intelligently with my clients. I would like to thank the team at THIRDWAVE for providing the tool necessary to make my job easier. Congratulations THIRDWAVE and I look forward to your report for many years to come.” </p><p> <cite>Ziad Malek, Senior Managing Partner, Malek Partners</cite> </p> </blockquote> <h2>SAMPLE REPORTS</h2> <ul class="PDFLinks"> <li><a href="samples.php">THIRDWAVE Vantage</a></li> <li><a href="samples.php">THIRDWAVE Digest</a></li> <li><a href="samples.php">THIRDWAVE Opportunities</a></li> </ul> <h2>SUBSCRIBE</h2> <h2>INSTITUTIONS</h2> <p> We offer customized research content based on securities, strategies, sector, geography or other attributes. For more information on custom research, please use our <a href="contact.php">contact form</a> or call (732) 328-8350. </p> <!-- #sideBar --></div> <div id="footer"> © 2010 THIRDWAVE Markets, LLC. All Rights Reserved. <ul> <li>(732) 328-8350</li> <li><a href="contact.php">Contact Us</li> <li><a href="terms_of_use.php">Terms of Use</a></li> <li><a href="privacy_policy.php">Privacy Policy</a></li> </ul> <!-- #footer --></div> <!-- #pageWrapper --></div> </body></html> Code (markup): You'll notice I swung the mighty axe at that javascript bull - you have a contact form, point people at it. Everything else you are doing on that page goes in the CSS. It's hard to fix CSS errors when you've got the wrong markup.
A way around this , if the doctype couldnt be changed would be to set the Body Tag to Text-Align:Center; Tom
Which isn't a bad idea anyways so that IE 5.x isn't COMPLETELY broken... Not that IE 5.x really matters anymore, but one line of CSS isn't gonna kill you.