尝试将PHP标头与IFrame一起使用_Php_Html_Css_Iframe_Scroll

尝试将PHP标头与IFrame一起使用

php html css iframe scroll

尝试将PHP标头与IFrame一起使用,php,html,css,iframe,scroll,Php,Html,Css,Iframe,Scroll,我试图在我的网站上添加一个博客，我决定只创建一个谷歌博客，并使用全屏Iframe在我的页面上显示它。它工作得很好，但后来我决定添加网站标题。现在我有了标题，后面是Iframe，但是我希望能够将标题和Iframe作为一个单独的页面来处理。现在标题总是可见的，我可以在Iframe中滚动，标题总是显示在上面，这不是最明显的愉快体验。代码如下： <?php include("header.php"); ?> <html> <head> &

我试图在我的网站上添加一个博客，我决定只创建一个谷歌博客，并使用全屏Iframe在我的页面上显示它。它工作得很好，但后来我决定添加网站标题。现在我有了标题，后面是Iframe，但是我希望能够将标题和Iframe作为一个单独的页面来处理。现在标题总是可见的，我可以在Iframe中滚动，标题总是显示在上面，这不是最明显的愉快体验。代码如下：

<?php
include("header.php");
?>  
    <html> 
    <head>
    <style type="text/css">
        body
        {
            margin:   0;
            overflow: hidden;
        }

        #iframe1
        {
            height:   80%;
            left:     0px;
            position: absolute;
            top:      180px;
            width:    100%;

        }
    </style>
</head>

<body>
    <iframe id="iframe1" src="http://xxxx.blogspot.com/" frameborder="0"></iframe>
</body>
</html>


身体
{
保证金：0；
溢出：隐藏；
}
#iframe1
{
身高：80%；
左：0px；
位置：绝对位置；
顶部：180像素；
宽度：100%；
}

这是标题代码：

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta name="google-site-verification"=xxx />
 <script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-26023641-1']);
 _gaq.push(['_trackPageview']);

 (function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async =  true;
 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +  '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxx &ndash; <?php if ($page != 'Home') { echo $page; }  else { echo 'xxxxs'; } ?></title>
<meta name="description" content="xxx." />
<meta name="keywords" content="xxx<?php echo $tags; ?>" />

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!--[if lt IE 9]>
 <script type="text/javascript" src="/js/lightview/js/excanvas/excanvas.js"></script>
<![endif]-->
<script type="text/javascript" src="js/external.js"></script>
<script type="text/javascript" src="js/lightview/js/spinners/spinners.js"></script>
<script type="text/javascript" src="js/lightview/js/lightview/lightview.js"></script>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box"></script>


<link rel="stylesheet" type="text/css" href="css/hub.css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/lightview/css/lightview/lightview.css"/>


<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7styles.css" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6styles.css"  /><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/ie6styles.css" /><![endif]-->

<link rel="icon" href="favicon.ico" type="image/ico" />

</head>
<body>

<div id="header">
<a id="logo" href="/"></a>
<ul id="nav">
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
        <li><a href="xx">xx</a></li>
</ul>
</div>

<div id="content">


var _gaq=_gaq | |[]；
_gaq.push（[''设置帐户'，'UA-26023641-1']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
var ga=document.createElement（'script'）；ga.type='text/javascript'；ga.async=true；
ga.src=（'https:'==document.location.protocol？'https://ssl' : 'http://www“）+”.google analytics.com/ga.js'；
var s=document.getElementsByTagName（'script'）[0]；s.parentNode.insertBefore（ga，s）；
})();
xxx&ndash；
问题是您的滚动条位于iframe中，并且在主页体上被禁用，因此滚动仅在iframe中滚动，而不是整个页面。移除溢出：隐藏在页面正文中，使iframe可以拉伸其高度以适应其内容。这样，您在页面上看到的滚动条将滚动整个页面，而不仅仅是iframe。
标题中有什么？此代码不会告诉我们任何信息。您需要解释header.php
到底是什么和做什么，因为现在。。。代码看起来“很好”。很抱歉，我添加了标题代码，但它没有将页面视为“一页”。例如，页眉始终占据页面的顶部。您仍然需要在iframe中滚动。