Dreamweaver CS3 spry menu, IE 7 error

Joined
Aug 12, 2006
Messages
60
i don't know if anyone has seen this problem, its an IE 7 thing. But if you go to this link in IE 7 you will see the problem wehen you rollover the spry menu at the top of the website. Everything works fine in Firefox and safari. I've messed with the css and still no luck.

error.gif
 
The code looks messed up, there's 2 Document Type Definitions, two <head> tags, two <html> tags, two <body> tags... etc.. You should check validation with w3c, fix those errors first, then work on getting things to look the same between browsers.
 
Your home link doesnt work, and your 'about' page evidently ties the part of the M with the table or something (valign=top?)

With redundant doctypes and head sections .... it seems as if pages are being included within the main page (the top part). if so you need to take out the heading information for the included pages and put it all on your main page. This of course makes the standalone pages worthless for style, but if your including them, there's no need for standalone ayhow. It also allows for a more printer friendly version by doing this.
 
i was probably working on the majority of the site when you checked it. What browsers are you using when you looked at the source? Everything works fine in IE7, but the spry widget. this is my code straight from DW:

Code:
<!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=utf-8" />
<title>::Photography by McNally::</title>
<style type="text/css">
<!--
body {
	background-color: #101010;
	margin-top: 0px;
}
-->
</style>

<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<table width="100" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <tr>
    <td><img src="images/mc_web_01.gif" width="44" height="47" /></td>
    <td><img src="images/mc_web_02.gif" width="58" height="47" /></td>
    <td><img src="images/mc_web_03.gif" width="597" height="47" /></td>
    <td><img src="images/mc_web_04.gif" width="56" height="47" /></td>
    <td><img src="images/mc_web_05.gif" width="45" height="47" /></td>
   <tr>
    <td><img src="images/mc_web_06.gif" width="44" height="31" /></td>
    <td><img src="images/mc_web_07.gif" width="58" height="31" /></td>
    <td><img src="images/mc_web_08.gif" width="597" height="31" /></td>
    <td><img src="images/mc_web_09.gif" width="56" height="31" /></td>
    <td><img src="images/mc_web_10.gif" width="45" height="31" /></td>
  <tr>
    <td><img src="images/mc_web_11.gif" width="44" height="34" /></td>
    <td><img src="images/mc_web_12.gif" width="58" height="34" /></td>
    <td background="images/mc_web_13.gif"><div align="center">
      <?php include"nav.php"; ?>
    </div></td>
    <td><img src="images/mc_web_14.gif" width="56" height="34" /></td>
    <td><img src="images/mc_web_15.gif" width="45" height="34" /></td>
    <tr>
    <td><img src="images/mc_web_16.gif" width="44" height="448" /></td>
    <td valign="top" background="images/mc_web_19a.gif" bgcolor="#000000"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="sides">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td bgcolor="#000000"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','597','height','448','src','flash/intro','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','flash/intro' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="597" height="448">
      <param name="movie" value="flash/intro.swf" />
      <param name="quality" value="high" />
      <embed src="flash/intro.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="597" height="448" wmode="transparent"></embed>
    </object></noscript></td>
    <td background="images/mc_web_19.gif">&nbsp;</td>
    <td><img src="images/mc_web_20.gif" width="45" height="448" /></td>
  <tr>
    <td><img src="images/mc_web_21.gif" width="44" height="29" /></td>
    <td><img src="images/mc_web_22.gif" width="58" height="29" /></td>
    <td><img src="images/mc_web_23.gif" width="597" height="29" /></td>
    <td><img src="images/mc_web_24.gif" width="56" height="29" /></td>
    <td><img src="images/mc_web_25.gif" width="45" height="29" /></td>
    <tr>
    <td><img src="images/mc_web_26.gif" width="44" height="11" /></td>
    <td><img src="images/mc_web_27.gif" width="58" height="11" /></td>
    <td><img src="images/mc_web_28.gif" width="597" height="11" /></td>
    <td><img src="images/mc_web_29.gif" width="56" height="11" /></td>
    <td><img src="images/mc_web_30.gif" width="45" height="11" /></td>
  </tr>
</table>
</body>
</html>
 
I just checked it again and it still has the same problems I mentioned above. Every browser will display the same source code, so what browser you view the source code in is irrelevant. You should look at the source code at the url you provided, as it definitely won't validate the way it is.
 
Back
Top