i just designed a new website and after days done with that( at least for now). Just uploaded to tripod server and site shows in Explorer. In Firefox i have some of the style type missing mainly on template. I have tried to find the error but after hours of trying and reading asking for some help now. here is my templete: my website is www.odynvideo.com Appreciate the feedback , Thank you in advance, Peter <!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"> <!-- DW6 --> <head> <!-- Copyright 2005 Macromedia, Inc. All rights reserved. --> <!-- TemplateBeginEditable name="doctitle" --> <title>Home Page</title> <!-- TemplateEndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_training.css" type="text/css" /> <style type="text/css"> .style1 {font-size: 16px} .style2 {font-size: 36px} .style5 {color: #FFFFFF} .style6 {color: #999999} body { background-color: #CCCCCC; } body,td,th { color: #000000; } a:active { color: #ADC5DF; } </style> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> </head> <body> <img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="25" height="1" border="0" /> <table width="140" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#26354A"> <td width="61" nowrap="nowrap" bgcolor="#64748B"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="15" height="1" border="0" /></td> <td height="70" colspan="3" nowrap="nowrap" bgcolor="#64748B" class="logo"><span class="style2">Odyn Film and Video, Inc.</span> <span class="tagline">|<span class="style1"> NTSC / </span><span class="style1">PAL</span> Crews and Equipment </span></td> <td width="4" bgcolor="#64748B"> </td> <td width="4" bgcolor="#64748B"> </td> </tr> <tr bgcolor="#FF6600"> <td colspan="6"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="4" border="0" /></td> </tr> <tr bgcolor="#D3DCE6"> <td colspan="6"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr bgcolor="#FFCC00"> <td width="61" nowrap="nowrap"> </td> <td colspan="3" height="34"> <table width="760" height="21" border="0" cellpadding="0" cellspacing="0" id="navigation"> <tr> <td width="97" align="center" nowrap="nowrap" class="navText"><a href="../index.html">Home</a></td> <td width="103" align="center" nowrap="nowrap" class="navText"><a href="../company.html">Company Info </a></td> <td width="99" align="center" nowrap="nowrap" class="navText"><a href="../crew.html">ENG-Crew</a></td> <td width="164" align="center" nowrap="nowrap" class="navText"><a href="../equipment.html">Equipment Rental Rates </a></td> <td width="98" align="center" nowrap="nowrap" class="navText"><a href= "../clients.html">Clients </a></td> <td width="97" align="center" nowrap="nowrap" class="navText"><a href="../terms.html">Terms</a></td><td width="102" align="center" nowrap="nowrap" class="navText"><a href="../contact.html">Contact Us </a></td> </tr> </table> </td> <td width="4"> </td> <td width="4"> </td> </tr> <tr bgcolor="#D3DCE6"> <td colspan="6"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr bgcolor="#FF6600"> <td colspan="6"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="4" border="0" /></td> </tr> <tr bgcolor="#D3DCE6"> <td colspan="2" valign="top" bgcolor="#000000"><br /> <table width="200" border="0" align="center"> <tr> <td width="194" valign="middle"><p><img src="../images/odyn_logo_sl.jpg" alt="logo" width="191" height="123" /></p> <p align="center"><span class="style5">703-941-6396 (ODYN) </span></p></td> </tr> <tr> <td><div align="left"><img src="../images/capitol.jpg" alt="capitol" width="193" height="128" />< /div></div></td> </tr> <tr> <td><div align="left"><img src="../images/format_collage_odyn.jpg" alt="" name="Camera" width="191" height="123" id="Camera" />< O/div></div></td> </tr> <tr> <td><div align="left"><img src="../images/dc_potomac_view.jpg" alt="dcphoto" width="191" height="130" /></div></td> </tr> </table> <p> </p></td> <td width="38" valign="top"> </td> <td width="716" valign="top"><br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="593"> <!-- TemplateBeginEditable name="EditRegion3" --> <tr> <td width="593" class="pageName"><p>Info </p></td> </tr> <tr> <td bgcolor="#D3DCE6" class="bodytest_main"><p> </p> <p align="left"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p></td> </tr> <!-- TemplateEndEditable --> </table> <br /> <br /> </td> <td width="4"> </td> <td width="4"> </td> </tr> <tr bgcolor="#D3DCE6"> <td colspan="6"><img src="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr> <td width="61" bgcolor="#64748B"> </td> <td width="143" bgcolor="#64748B"><span class="style6">Copyright© 2007 Odyn Film and Video, Inc. </span></td> <td width="38" bgcolor="#64748B"> </td> <td width="716" bgcolor="#64748B"><span class="style6">Send E-mail to:</span> <a href="mailto:schloemerp@cs.com">schloemerp@cs.com</a></td> <td width="4"> </td> <td width="4"> </td> </tr> </table> </body> </html>
/* Global Styles */ body { margin:0px; } td { color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; font-weight: bold; } a { color: #FF6600; font-weight:bold; text-decoration:none; } a:hover { color: #FFBA00; } /* ID Styles */ #navigation a { font:10px Arial, Helvetica, sans-serif; color: #26354A; text-decoration: none; letter-spacing:.1em; line-height:16px; display:block; padding: 0px 10px; border-right:1px solid #FF6600; } #navigation a:hover { color:#ffffff; background: #FF6600; } #background td { background:url("mm_bg_header.gif"); } #padding { padding:14px; } /* Calendar Styles */ #calendar td { border: 1px solid #26354A; } #noborder td { border: 0px; } #calheader td { font-weight:bold; color: #ffffff; } /* Class Styles */ .logo { font:24px Times New Roman, Times, serif; color: #FFBA00; letter-spacing:.3em; line-height:26px; } .tagline { font: 11px Arial, Helvetica, sans-serif; color: #D3DCE6; line-height:16px; } .bodyText { line-height:20px; color:#26354A; letter-spacing:.1em; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: capitalize; font-style: normal; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: 2; border-right-style: 2; border-bottom-style: 2; border-left-style: 2; top: auto; right: auto; clip: rect(auto,auto,auto,auto); } .detailText { font:11px Arial, Helvetica, sans-serif; line-height:16px; color:#26354A; letter-spacing:.1em; } .pageName { font:24px Arial, Helvetica, sans-serif; color: #FF6600; letter-spacing:.2em; line-height:32px; } .subHeader { font:bold 12px Arial, Helvetica, sans-serif; color: #2D374D; font-weight:bold; line-height:20px; letter-spacing:.1em; } .navText { font:10px Arial, Helvetica, sans-serif; color: #26354A; letter-spacing:.1em; line-height:16px; } .calendarText { font:11px Arial, Helvetica, sans-serif; color: #26354A; letter-spacing:.1em; } .sidebarText { font:11px Arial, Helvetica, sans-serif; color: #FFBA00; letter-spacing:.1em; line-height:18px; }
After looking at it in FF and IE... I see that there is difference in the navbar..is that the error you're speaking of?
sorry, was out of town....but, yes...thats it. It looks identical in the preview in Explorer and Firefox, but NOT when uploaded on Server. Thx Peter
Between: and <!-- DW6 --> <head> <!-- Copyright 2005 Macromedia, Inc. All rights reserved. --> <!-- TemplateBeginEditable name="doctitle" --> Code (markup): I smell the problem... and it's name once again is that steaming pile of dung that results in broken layout after layout on every forum - known as dreamweaver. First off, have you tested it locally with REAL copies of IE and FF... and real copies of Opera and Safari instead of the built in preview in DW? First thing I'd do is axe all the comments that don't actually add anything to the page... then I'd move that stupid inlined CSS block in the header to the included css fi... Waittaminute. JACKPOT! <link rel="stylesheet" href="file:///C|/Program Files/Macromedia/Dreamweaver 8/Configuration/BuiltIn/StarterPages/mm_training.css" type="text/css" /> The server does not have access to your local drive... try switching that to a relational link - just where is that CSS in relationship to your document? Do yourself a huge favor, throw dreamweaver in the trash, grab a notepad replacement like Win32pad or NotePad++, and learn to actually write code the right way - you will just be spinning your wheels with dreamweaver without ever learning how to do this stuff. <td width="97" align="center" nowrap="nowrap" class="navText"><a href="../index.html">Home</a></td> <td width="103" align="center" nowrap="nowrap" class="navText"><a href="../company.html">Company Info </a></td> <td width="99" align="center" nowrap="nowrap" class="navText"><a href="../crew.html">ENG-Crew</a></td> <td width="164" align="center" nowrap="nowrap" class="navText"><a href="../equipment.html">Equipment Rental Rates </a></td> <td width="98" align="center" nowrap="nowrap" class="navText"><a href= "../clients.html">Clients </a></td> <td width="97" align="center" nowrap="nowrap" class="navText"><a href="../terms.html">Terms</a></td><td width="102" align="center" nowrap="nowrap" class="navText"><a href="../contact.html">Contact Us </a></td> Code (markup): Or even BETTER: <p align="left"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> Code (markup): and people wonder why I call dreamweaver garbage. "It's a professional grade tool" - right, and I'm the newest Mahatma.