I try to be a good web designer and learn how to lay out a site in CSS instead of tables. What do I get? A design that looks great in firefox but is completely whacked in IE. Typical microsoft. If there isnt an easy way to fix this, I will just scratch the whole CSS thing and go back to laying out my sites in html/tables. So frustrating, and the project deadline is monday morning. URL: http://www.picsoup.com/landing/landing4.html HTML/CSS below...
.sharepointmenu { width: 756px; height: 87px; position: relative; top: 40px; left: 440px; font-family: Tahoma; font-size: 13px; color: #ffffff; } .l_leftbox { padding-left: 8px; font-family: Tahoma; font-size: 13px; line-height: 13px; color: #333333; text-decoration: none; } .l_rightbox { padding-left: 25px; font-family: Tahoma; font-size: 13px; line-height: 13px; color: #333333; text-decoration: none; font-weight:normal; } .l_rightbox a:link{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .l_rightbox a:visited{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .l_rightbox a:active{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .l_rightbox a:hover{font-family: Tahoma;font-size: 11px;color: #ff9933;text-decoration: none;font-weight:bold;} .sharepointmenu a:link{font-family: Tahoma;font-size: 13px;color: #FFFFFF;font-weight: bold;} .sharepointmenu a:visited{font-family: Tahoma;font-size: 13px;color: #FFFFFF;font-weight: bold;} .sharepointmenu a:active{font-family: Tahoma;font-size: 13px;color: #FFFFFF;font-weight: bold;} .sharepointmenu a:hover{font-family: Tahoma;font-size: 13px;color: #CCCCCC;font-weight: bold;} .lmain { margin: 10px; font-family: Tahoma; font-size: 13px; line-height: 13px; color: #333333; text-decoration: none; } .lmain a:link{font-family: Tahoma;font-size: 13px;color: #333333;font-weight: bold;} .lmain a:visited{font-family: Tahoma;font-size: 13px;color: #333333;font-weight: bold;} .lmain a:active{font-family: Tahoma;font-size: 13px;color: #333333;font-weight: bold;} .lmain a:hover{font-family: Tahoma;font-size: 13px;color: #CCCCCC;font-weight: bold;} .ask_an_expert { background-image: url(../sharepoint/images/ask_an_expert_button.gif); background-repeat:no-repeat; width: 111px; height: 30px; float: right; padding-right: 45px; padding-left: 10px; padding-top: 7px; font-family: Tahoma; font-size: 11px; color: #333333; text-decoration: none; font-weight:bold; } .ask_an_expert a:link{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .ask_an_expert a:visited{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .ask_an_expert a:active{font-family: Tahoma;font-size: 11px;color: #333333;text-decoration: none;font-weight:bold;} .ask_an_expert a:hover{font-family: Tahoma;font-size: 11px;color: #ff9933;text-decoration: none;font-weight:bold;} body{ padding:0px; margin:0px; background-color:#ECEDEF; } .footer{ font-family: Tahoma,Verdana, Arial; font-size: 13px; line-height: 13px; color: #727272; text-decoration: none; } .footer a:active { font-family: Tahoma,Verdana, Arial; font-size: 13px; line-height: 13px; color: #727272; text-decoration: none; font-weight:bold; } .footer a:hover { font-family: Tahoma,Verdana, Arial; font-size: 13px; line-height: 13px; color: #333333; text-decoration: none; font-weight:bold; } .footer a:visited { font-family: Tahoma,Verdana, Arial; font-size: 13px; line-height: 13px; color: #727272; text-decoration: none; font-weight:bold; } .footer a:link { font-family: Tahoma,Verdana, Arial; font-size: 13px; line-height: 13px; color: #727272; text-decoration: none; font-weight:bold; } HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>The Henson Group's SharePoint Services</title> <link href="landingstyle.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; } .style2 { font-size: x-large; font-weight: bold; } .style7 {font-size: large; font-weight: bold; } .style8 {color: #003366} --> </style></head> <body> <div align="center"> <table width="756" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="87" background="./images/topbg1.gif"><div class="sharepointmenu"><a href="#sharepoint_case_studies">Case Studies</a> | <a href="#sharepoint_client_list">Client List</a> | <a href="contact.htm">Contact Us</a></div></td> </tr> <tr> <td bgcolor="#FFFFFF"> <div class="lmain"> <p align="center"><span class="style7">The Henson Group's</span><br /><br /> <span class="style2">SharePoint Services</span></p> </div> <table width="100%" height="86" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="464" height="86" align="left" valign="middle" background="images/topbarbg1.gif"><em></em> <div class="l_leftbox"><span class="style8"><strong>Microsoft Office SharePoint Server 2007 (MOSS 2007)</strong> is an integrated suite of server capabilities that can help improve organizational effectiveness <br /> by providing comprehensive content management and enterprise search, accelerating shared business processes, and facilitating information-sharing across boundaries for better business insight.</span></div> <em></em></td> <td width="287" height="86" background="images/barbutton1.gif"><div class="l_rightbox"><p>• <a href="#deployment_migration">Deployment & Migration Services</a> <br /> • <a href="#troubleshooting_support">Troubleshooting & Support</a> <br /> • <a href="#configuration_customization">Advanced Configuration & Customization</a> <br /> </p> </div></td> <td width="5" height="86" background="images/topbarbg1.gif"><img src="images/spacer.gif" width="5" /></td> </tr> </table> <div class="lmain"> <p>The Henson Group, Inc. (THG) assists clients in leveraging MOSS 2007 to build comprehensive portal, workflow and collaboration solutions for content aggregation and document management, creating end-to-end solutions that meet the complete information-sharing needs of organizations. </p> <table width="650" border="0" align="center"> <tr> <td valign="top"><img src="images/client_quote_left.gif" alt="Client Quote Left" width="47" height="41" /></td> <td><p align="center"><em>[THG’s consultants] never pushed back, never complained, even after working until 2:30 a.m. this morning. I am so impressed with the very professional way you handled yourselves. You are role models to all.</em></p></td> <td valign="bottom"><img src="images/client_quote_right.gif" alt="Client Quote Right" width="47" height="41" /></td> </tr> <tr> <td valign="top"> </td> <td><div align="right"> <p><img src="images/client_earnst_and_young.gif" alt="SharePoint Client" width="183" height="28" /><br /> <strong>- Eileen Kahn, Associate Director, Ernst & Young</strong></p> </div></td> <td valign="bottom"> </td> </tr> </table> <p>Founded by former Microsoft engineers, The Henson Group is an award-winning Microsoft Gold Certified Partner specializing in deploying Microsoft products and offering strategic consulting for overcoming today's business challenges.</p> <p>The preferred solution provider for many US and international corporations, The Henson Group is consistently ranked within the top three consultancies in Microsoft's partner directory, holds a seat on the national Microsoft Partner Advisory Council, has direct ties to the product groups, and assures its clients the highest quality service at an unbeatable value.</p> <h2>Deployment & Migration Services</h2> <p><div class="lmain"><strong>Systems Deployment Planning</strong>: THG details the information needed for a deployment, including capacity planning calculations to determine hardware and software requirements, anti-virus concerns, network configurations, scalability considerations, and supportability. </p> <p><strong>Knowledge Management Planning</strong>: THG will review existing document management and workflow processes, as well as existing content, user roles, indexing, search, and portal requirements. Upon completion of this analysis, THG will provide a Taxonomy and Workflow Design to structure and organize documents for access, searching, and workflow processes. </p> <p><strong>Site Design and Implementation</strong>: THG customizes the design to match your brand colors and logos, while also setting site topics, alerts, listings, surveys, audiences, document management, version controls, and more.</p> <p><strong>Migration Services:</strong> With years of experience deploying, upgrading and migrating from various platforms including Windows Sharepoint Services (WSS) 2.0, SharePoint Portal Server 2003, Microsoft Office SharePoint Server 2007, and a number of competing document management and collaboration sollutions The Henson Group is your go-to partner for high-profile SharePoint projects. </div></p> <div class="ask_an_expert"><a href="#contactus">Ask an expert...</a></div> <h2> </h2> <h2>Troubleshooting & Support</h2> <div class="lmain"> <p><strong>SharePoint High Availibility Review: </strong>Award-winning Microsoft Gold Certified Partner The Henson Group, Inc., (THG) offers a unique Sharepoint High Availability Review to provide you with practical advice for improving and protecting your collaboration infrastructure.</p> <p><strong>Deployment & Customization Support: </strong>THG offers support services to customers who are experiencing issues deploying or customizing Sharepoint. Our highly experienced consultants offer real world experience based on years of field work that will help you get to the bottom of your issues faster. </p> </div> <div class="ask_an_expert"><a href="#contactus">Ask an expert...</a></div> <h2> </h2> <h2>Advanced Configuration & Customization</h2> <p><div class="lmain"><strong>Custom Search Strategies</strong>: THG extends MOSS 2007 to integrate with existing portals, file shares, and Email systems, so that your existing systems information will be aggregated and accessible through a single gateway. </p> <p><strong>Application Integration and Workflow</strong>: remedies. </div></p> <div class="ask_an_expert"><a href="#contactus">Ask an expert...</a></div> <h2> </h2> <h2><a name="sharepoint_case_studies" id="sharepoint_case_studies"></a>THG Case Studies</h2> <div class="lmain"><p>THG </p></div> <table width="650" border="0" align="center"> <tr> <td valign="top"><img src="images/client_quote_left.gif" alt="quote left" width="47" height="41" /></td> <td><p><em>Clearly, our partnership with THG was the most important piece of this project, because we needed a group that we could really trust. One key area to gain a competitive edge in this industry is by partnering with a consultant like THG offering high levels of client service and technological expertise.</em></p></td> <td valign="bottom"><img src="images/client_quote_right.gif" alt="quote right" width="47" height="41" /></td> </tr> <tr> <td colspan="2" valign="top"><div align="right"> <p><img src="images/client_lifetime_television.gif" alt="client_lifetime_television" width="87" height="26" /><br /> <strong>- Sal Amato, Vice President of IT Applications, Lifetime Television </strong></p> </div></td> <td valign="bottom"> </td> </tr> </table> <table width="100%" border="0"> <tr> <td><img src="images/client_iavi.gif" alt="Client - IAVI" width="64" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_IAVI_-_MOSS_2007.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" alt="PDF Button" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>International AIDS Vaccine Initiative | <strong>Industry: </strong>Healthcare<br /> <br /> <strong>Project:</strong> Microsoft Office SharePoint Server 2007 Deployment<br /> <strong>Brief:</strong> Microsoft Gold Certified Partner The Henson Group deployed MOSS 2007 for IAVI, providing a single portal that now enables a global network of researchers and others to collaborate more effectively.</p> </td> </tr> </table> <br /> <table width="100%" border="0"> <tr> <td><img src="images/client_elite.gif" alt="Client - Elite Model" width="60" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_Elite_Model_Management.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>Elite Model Management | <strong>Industry: </strong>Entertainment<br /> <br /> <strong>Project:</strong> Microsoft SharePoint Portal Server 2003 Deployment<br /> <strong>Brief:</strong> Leveraging the enhanced functionality and robust new features of the latest versions of several Microsoft technologies, Infusion Development and The Henson Group created an integrated booking, billing, and media management solution system based on Windows Vista™, the Microsoft Office SharePoint Server 2007 system, and Microsoft Exchange Server 2007.</p> <p align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"></a></p></td> </tr> </table> <table width="100%" border="0"> <tr> <td><img src="images/client_andp.gif" width="66" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>A&P Supermarkets | <strong>Industry: </strong>Retail<br /> <br /> <strong>Project:</strong> Microsoft SharePoint Portal Server 2003 Deployment<br /> <strong>Brief:</strong> Microsoft Gold Certified Partner The Henson Group, Inc. deployed a highly customized version of Microsoft SharePoint Portal Server 2003 to create a collaborative web portal that The Atlantic & Pacific Tea Co. could use to facilitate collaboration among all of the store managers throughout its many stores and administrative facilities.</p> <p align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"></a></p></td> </tr> </table> <table width="100%" border="0"> <tr> <td><img src="images/client_covanta.gif" width="80" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-http://www.hensongroup.com/CaseStudy/Case_Study_-_Covanta_Energy_-_SPS_2003.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>Covanta Energy | <strong>Industry: </strong>Energy<br /> <br /> <strong>Project:</strong> Microsoft SharePoint Portal Server 2003 Deployment<br /> <strong>Brief:</strong> Award-winning Microsoft Gold Certified Partner The Henson Group, Inc. implemented a highly customized version of Microsoft SharePoint Portal Server 2003 for Covanta Energy Corp. to provide the client with a collaboration engine to enable its employees across multiple facilities to share information much more effectively and efficiently.</p> <p align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"></a></p></td> </tr> </table> <table width="100%" border="0"> <tr> <td><img src="images/clieng_greenhill.gif" width="146" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_Greenhill_SPS_Deployment.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>Greenhill & Co. | <strong>Industry: </strong>Finance<br /> <br /> <strong>Project:</strong> Microsoft SharePoint Portal Server 2003 Deployment<br /> <strong>Brief:</strong> Microsoft Award-winning Microsoft Gold Certified Partner The Henson Group, Inc., deployed Microsoft SharePoint Portal Server 2003 to replace an existing intranet and provide a much more robust collaborative environment for Greenhill & Co., Inc., a major independent global investment banking firm. </p> <p align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"></a></p></td> </tr> </table> <table width="100%" border="0"> <tr> <td><img src="images/clieng_medpointe.gif" width="234" height="32" /></td> <td align="right" valign="middle"><div align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_MedPointe_SPS_Web_Part_Dev.pdf" target="_blank"><img src="http://www.hensongroup.com/images/pdf_icon2.gif" width="118" height="16" border="0" /></a></div></td> </tr> <tr> <td colspan="2"><p><strong>Client: </strong>MedPointe Pharmaceuticals | <strong>Industry: </strong>Pharmaceuticals<br /> <br /> <strong>Project:</strong> Custom SharePoint 2003 Web Part Development <br /> <strong>Brief:</strong> Award-winning Microsoft Gold Certified Partner The Henson Group, Inc. provided expert application development services to MedPointe Pharmaceuticals to create a custom Contact Management Web Part for its MHC Portal – an online collaborative site based on a SharePoint Portal Server 2003 deployment previously executed by THG. </p> <p align="right"><a href="http://www.hensongroup.com/CaseStudy/Case_Study_-_AandP_SPS_Deployment.pdf" target="_blank"></a></p></td> </tr> </table> <p align="center" class="main_body"><em>*This is a partial list. Additional Case Studies available upon <a href="#contactus">request</a>.</em></p> <h2 align="left" class="style3"><a name="sharepoint_client_list" id="sharepoint_client_list"></a>THG Clients</h2> <table width="100%" border="0"> <tr> <td width="33%" valign="top"> ADP (Automatic Data Processing)<br /> Ann Taylor Stores<br /> Aurora Loan Services<br /> AXA Financial<br /> Berlex<br /> Bloomberg<br /> Charming Shoppes<br /> Citigroup<br /> Computershare Limited<br /> Con Edison<br /> Covanta Energy Corp.<br /> Cynergy Data<br /> Daiwa Securities<br /> De Beers<br /> Department of Education (NYC)</td> <td width="33%" valign="top"> Dress Barn<br /> Ernst & Young<br /> Estee Lauder<br /> Great Atlantic & Pacific Tea Co.<br /> Grey Global Group<br /> Hackensack University Medical <br /> Hawaii Medical Service Association<br /> Health Insurance Plan of NY (HIP)<br /> Horizon BCBS<br /> Jefferies & Co.<br /> Kaplan Inc.<br /> Kelley Drye & Warren LLP<br /> Lifetime Television<br /> McGraw Hill<br /> McKinsey & Co.</td> <td width="34%" valign="top"> Microsoft<br /> MedPointe Pharmaceuticals<br /> Milbank, Tweed, Hadley & McCloy<br /> Montefiore Medical Center<br /> Mutual of America Life Insurance<br /> National Financial Partners<br /> NYC Office of Management & Budget Pfizer<br /> Rothschild Group<br /> Ryan Beck and Co.<br /> Schulte Roth & Zabel<br /> Stamford Health<br /> Stroock & Stroock<br /> The Bessemer Trust Group<br /> Tishman Speyer<br /> Warburg Pincus<br /> Wachtell, Lipton, Rosen & Katz<br /> WebMD<br /> Yellow Book USA Inc.</td> </tr> </table> </div> </td> </tr> <tr> <td height="59" align="center" background="/images/lowerleftboxes.gif" bgcolor="#404040"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="131"><img src="images/spacer.gif" width="131" height="1"> </td> <td width="100%"><div align="center"><span class="footer">Copyright © 2007, All Rights Reserved; The Henson Group, Inc.<br /> <a href="/MainPage.aspx?content=legal&Image=itgoals.gif&Title=THG_Website_Legal" class="footer">Legal Notice</a></span></div></td> <td><div align="right"><a href="/MainPage.aspx?content=goldcert&Title=The_Henson_Group_-_Microsoft_Gold_Certified_Partner"><img src="images/goldcert_footer.gif" width="104" height="59" border="0" /></a></div></td> </tr> </table></td> </tr> </table> </div> </body> </html> HTML: Doesnt seem to post the full html...sorry, you shoudl still be able to view source.
Not tested, but pretty sure. Take this first line in body line: <div align="center"> Code (markup): and make it <div id="wrapper"> Code (markup): and style it #wrapper { width: 756px; margin: 0 auto; } Code (markup): For other issues, you'll need to be specific about what's screwed up and how it should look. What I don't see is any need at all for a table anywhere in that page. Something else I don't see is very much in the way of semantic, structured markup. For best results, css and javascript work with a DOM derived from well structured and semantic markup. It is very hard to describe how something should look or position itself when that something has not been properly defined to begin with. HTML's job is to tell the browser just what the element is. cheers, gary
use Conditional comments Firefox is fine so no need to change the original code but instead use: <!--[if IE 6]> Special instructions for IE 6 here <![endif]--> PHP: Place the new css code there for IE, firefox will remain the same - Robert