dreamweaver website only works in safari not in firefox or internet explorer

Discussion in 'Mac Basics and Help' started by xa4a, Jul 10, 2010.

  1. xa4a macrumors newbie

    Joined:
    Jul 10, 2010
    #1
    hi everyone,

    i am new here and my english isnt that great but i will try to explain my problem.

    i have made a website in dreamweaver for the first time in my life,
    and i uploaded it here: www.xavieraaltena.com.
    so i am totally happy and then i find out it only works in Safari (where i was checking it the whole time while i was making it), and in firefox and internet explorer it opens the links in a new tab instead of in the middleframe

    i think it is something in the code... not sure.
    i do not know anything about these codes, but i really hope that there is someone out there who can explain it to me, and what i am doing wrong.


    maybe for the better i paste the code of the menubar under here.... so then it is maybe visible if i did something wrong:

    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=UTF-8" />
    <title>Xaviera Altena</title>
    <style type="text/css">
    
    #apDiv1 {
    position:absolute;
    width:495px;
    height:116px;
    z-index:1;
    left: 225px;
    top: 1px;
    }
    #apDiv2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 9px;
    top: 171px;
    }
    #apDiv3 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    }
    #apDiv4 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    }
    #apDiv5 {
    position:absolute;
    width:610px;
    height:144px;
    z-index:1;
    left: 382px;
    top: -2px;
    }
    </style>
    </head>
    
    <body class="welkom">
    <p class="welkom">  </p>
    <div id="apDiv5"><img src="../Images/Afbeeldingen/HETMENU.jpg" alt="HETMENU" width="602" height="202" border="0" usemap="#Map" />
    <map name="Map"id="Map"><area shape="rect"coords="510,181,582,201" href="CONTACT.html" target="MIDDLEFRAME"/><br />
    <area shape="rect"coords="337,182,423,201"href="producten.html"target="MIDDLEFRAME"/><br/>
    <area shape="rect" coords="172,182,267,203" href="fotografie.html" target="MIDDLEFRAME"/>
    <area shape="rect" coords="0,181,109,204" href="illustraties.html" target="MIDDLEFRAME"/>
    </map>
    </div>
    <p class="welkom"> </p>
    </body>
    </html>
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    On the frame tags, you give the first one a name attribute, but not the second, only the id attribute. Add the name attribute to it as well. Some browsers may treat it differently.
    HTML:
      <frame src="Pages/m.html" name="mainFrame" id="mainFrame" title="mainFrame" />
      <frame src="Pages/index2.html" id="MIDDLEFRAME" />
    Also, make sure to put a space between attributes,
    HTML:
    <map name="Map"id="Map">
    <area shape="rect"coords="510,181,582,201"href="CONTACT.html" target="MIDDLEFRAME"/>
    <area shape="rect"coords="337,182,423,201"href="producten.html" target="MIDDLEFRAME"/>
    <area shape="rect"coords="172,181,267,202"href="fotografie.html" target="MIDDLEFRAME"/>
    <area shape="rect"coords="0,181,109,204"href="illustraties.html" target="MIDDLEFRAME"/> 
    <alt="opening"/>
    </map>
    For instance, the first line above should be,
    HTML:
    <map name="Map" id="Map">
    On your m.html page you're missing the opening body tag. You have a couple validation errors too.

    As an aside, frame are an outdated way to do pages and not suggested anymore. You should try to move away from them.
     

Share This Page