2013-07-17 40 views
0

我正在嘗試向我的網站添加一個博客,並且我決定創建一個Google博客並使用全屏iframe將其顯示在我的頁面上。它工作正常,但後來我決定添加網站標題。所以,現在我有了Iframe之後的標題,但我希望能夠將標題& Iframe作爲一個單獨的頁面處理。現在標題總是可見的,我可以滾動瀏覽Iframe,標題總是顯示在它上面,這不是最明顯愉快的體驗。下面是代碼:試圖在IFrame中使用PHP標頭

<?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> 

這裏是頭部代碼:

<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"> 
+0

什麼在你的頭? – DevZer0

+0

此代碼告訴我們什麼都沒有。你需要解釋「header.php」究竟是什麼,因爲現在...代碼看起來「很好」。 –

+0

對不起,我添加了標題代碼 – user2593038

回答

0

的問題是,你的滾動條是iframe和殘疾人在主頁體內,所以滾動只在iframe中滾動而不是整個頁面。刪除溢出:隱藏在頁面主體中,並使其成爲您的iframe的高度以適應其內容。這樣,你在頁面上看到的滾動條就會滾動你的整個頁面而不僅僅是iframe。

+0

但它不會將頁面視爲「單頁」。例如,標題始終佔據頁面的頂部。你仍然需要在iframe中滾動。 – user2593038