PDA

View Full Version : New to Web Design - IFRAME/HTML Problem



MrHappyGoLucky1
24 Sep 2010, 04:06 AM
Why does the insertion of the iframe code for the Google Calendar cause all other html to disappear? How do I fix this? http://users.zoominternet.net/~jjporterfield/yoga_site/calendar.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>
<!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>The Title of Your Inside
Page - Change This for Each Page</title>
<meta name="description"
content="Write a unique description of this page. This description often shows up in the search results on sites like Google so be relevant and use keywords that describe your site." />
<meta name="keywords"
content="yoga, keyword 2, keyword 3, make these different on each page, keyword 4, keyword 5" />
<meta name="robots"
content="INDEX, FOLLOW" />
<meta name="copyright"
content="Copyright First Page Fitness, LLC - 2007" />
<meta name="author"
content="First Page Fitness marketing group, LLC" />
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link rel="stylesheet"
type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="container">
<div id="columnContainer"
class="clearfix">
<div id="columnContainerTop"
class="clearfix">
<div id="content"><!-- InstanceBeginEditable name="content" -->
<h1>An Inside Page Title</h1>
<iframe
src="http://www.google.com/calendar/embed?src=tkjp2be81dalb0hv9uk2g4nl4c%40group.calendar.google.com&amp;ctz=America/New_York"
style="border: 0pt none ;" frameborder="0" height="600"
scrolling="no" width="480" /><!-- InstanceEndEditable -->
</div>
<div id="sideNav">
<div align="center"><strong>Navigate
Our Yoga Site </strong> </div>
<ul>
<li><a
href="index.html">HOME Page</a></li>
<li><a
href="about-us.html">About Us</a></li>
<li><a
href="insidepage.html">Inside Page 1</a></li>
<li><a
href="insidepage.html">Inside Page 2</a></li>
<li><a
href="yoga-sites.html">Links</a></li>
</ul>
<!-- Begin Right Sidebar Ads -->
<p>
<script type="text/javascript"><!--
google_ad_client = "pub-5596258944536347";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2007-08-24: free-yoga-template
google_ad_channel = "2205090054";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "b4880e";
google_color_text = "666666";
google_color_url = "b4880e";
google_ui_features = "rc:6";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<!-- END Right Sidebar Ads --> </div>
</div>
<div id="footer">
<hr />
<p>Yoga Website Navigation: <a
href="index.html">Home</a>
:: <a href="sitemap.html">Sitemap</a>
:: <a href="insidepage.html">Inside
Page 1</a> :: <a
href="about-us.html">About Us</a>
:: <a href="yoga-sites.html">Yoga
Resources</a> </p>
<p><!-- InstanceBeginEditable name="additional-footer" --><!-- InstanceEndEditable --></p>
</div>
</div>
<div id="header">&nbsp;</div>
</div>
<!-- InstanceEnd -->
</body>
</html>