title: TypeError: 'undefined' is not an object (evaluating 'window.frames["content"].document.location')
body: <p>On Internet Explorer my code works perfectly well, but I am using Safari on a Mac and it gives me that error. This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;The Me Project&lt;/title&gt;
  &lt;link href="me.css" rel="stylesheet" type="text/css" href="me.css" /&gt;
  &lt;script type="text/javascript"&gt;
  function page(setter)
  {
      if (setter=="home") 
      {
          window.frames["content"].document.location.href = "home.html";
      }
      else if (setter=="birth")
      {
          window.frames["content"].document.location.href = "birth.html";
      }
      else if (setter=="cool")
      {
          window.frames["content"].document.location.href = "cool.html";
      }
      else if (setter=="family")
      {
          window.frames["content"].document.location.href = "family.html";
      }
      else
      {
          window.frames["content"].document.location.href = "home.html";
      }
  }
  &lt;/script&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;
      &lt;div id="nav"&gt;
      &lt;h1&gt;Parth's Me Project&lt;/h1&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a onclick="page('home')"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a onclick="page('birth')"&gt;Birth Year&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a onclick="page('cool')"&gt;Cool Things&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a onclick="page('family')"&gt;My Family&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="main"&gt;
  &lt;iframe src="home.html" name="content" id="content" seamless height="1000" frameborder="0"/&gt;
  &lt;/div&gt;
  &lt;frame&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If you need the other pages, just tell me.I am trying to keep the same header and nav bar, so I am using an iframe in the bottom section.</p>