PHP网页嵌套出错。急!!!
我想要的效果如下：在main.php(首页)镶嵌news.php(新闻)，单个网页测试没问题，但是我把news.php镶嵌进去后发现CSS都乱了，请问应该怎么改？main...
我想要的效果如下：在main.php(首页)镶嵌news.php(新闻)，单个网页测试没问题，但是我把news.php镶嵌进去后发现CSS都乱了，请问应该怎么改？
main.php代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*navibar*/
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:550px; margin:1em 0 10px 200px; height:30px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ul li ul li a:hover{ background:#539D26; color:#fff;}
#nav ul li a{text-decoration:none;color:#990; }
#middle{ margin-top:300px;}
</style>
</head>
<body >
<div id="nav">
<ul>
<li><a href="index.php">HOME</a></li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">SSSS
<ul>
<li><a href="4.php" >AAAA</a></li>
<li><a href="5.php" >BBBB</a></li>
<li><a href="6.php" >VVVV</a></li>
</ul>
</li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">ABOUT
<ul>
<li><a href="1.php" >EEEEE</a></li>
<li><a href="2.php" >RRRRR</a></li>
<li><a href="3.php" >YYYYY</a></li>
</ul>
</li>
</ul>
</div>
<div id="middle"> <p><?php include("news.php") ?> </p></div>
</body>
</html>
news.php代码如下：http://202.122.102.179/KEN/NEWS.TXT
错误的显示如图上部分，我希望做成图下半部分的样子，谢谢！ 展开
main.php代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*navibar*/
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:550px; margin:1em 0 10px 200px; height:30px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ul li ul li a:hover{ background:#539D26; color:#fff;}
#nav ul li a{text-decoration:none;color:#990; }
#middle{ margin-top:300px;}
</style>
</head>
<body >
<div id="nav">
<ul>
<li><a href="index.php">HOME</a></li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">SSSS
<ul>
<li><a href="4.php" >AAAA</a></li>
<li><a href="5.php" >BBBB</a></li>
<li><a href="6.php" >VVVV</a></li>
</ul>
</li>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">ABOUT
<ul>
<li><a href="1.php" >EEEEE</a></li>
<li><a href="2.php" >RRRRR</a></li>
<li><a href="3.php" >YYYYY</a></li>
</ul>
</li>
</ul>
</div>
<div id="middle"> <p><?php include("news.php") ?> </p></div>
</body>
</html>
news.php代码如下：http://202.122.102.179/KEN/NEWS.TXT
错误的显示如图上部分，我希望做成图下半部分的样子，谢谢！ 展开
8个回答
展开全部
你再次引用INCLUDE包含news文件相当于你的页面上有两个 HTML标签 你将一个删掉。 还有就是你news文件里面的css样式是否出现过和当前页面同样的标记。 也会导致出错的。 好好看看 应该是你news里css样式的问题。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不应该用include，这样把news.php整个网页都包含进来，你的main.php里就变成有<html>
<head></head>
<body>
<html>
<head></head>
<body>
</body>
</html>
这样显然是不对的，你试试用<iframe>
或者把news.php里面的<html><body></body></html>等标签去掉，css代码单独放到
style.css里面
</body>
</html>
<head></head>
<body>
<html>
<head></head>
<body>
</body>
</html>
这样显然是不对的，你试试用<iframe>
或者把news.php里面的<html><body></body></html>等标签去掉，css代码单独放到
style.css里面
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是因为标签重复了，你的news.php 里包含了以下代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
</body>
</html>
这些和mian.php 重复了，直接删除，只要留 body内的代码，就OK了，你试试
！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
</body>
</html>
这些和mian.php 重复了，直接删除，只要留 body内的代码，就OK了，你试试
！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
镶嵌网页请用： <iframe src="news.php" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把导航作为一个head.html文件，然后news.php 中直接include（head.html）就OK了吧~~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把<body>这里内容单独放到别的文件去</body>！
例：<script>
function id(obj){
return document.getElementById(obj);
}
var page;
var lm,mx;
var md=false;
var sh=0;
var en=false;
…《缩略一些代码》…
<div>
<ul>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>爱的箴言</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>未来的主人翁</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>如今才是唯一</a></li>
</ul>
</div>
</script>
放到 ok.php 里
你用<div id="middle"><?php include("ok.php") ?></div>试一下
news.php这个文件也要在<body>嵌套一下
例：<body onselectstart="return false;"><?php include("ok.php") ?></body>
例：<script>
function id(obj){
return document.getElementById(obj);
}
var page;
var lm,mx;
var md=false;
var sh=0;
var en=false;
…《缩略一些代码》…
<div>
<ul>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>爱的箴言</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>未来的主人翁</a></li>
<li><span>2009-4-9 12:35</span><a href=http://www.baidu.com>如今才是唯一</a></li>
</ul>
</div>
</script>
放到 ok.php 里
你用<div id="middle"><?php include("ok.php") ?></div>试一下
news.php这个文件也要在<body>嵌套一下
例：<body onselectstart="return false;"><?php include("ok.php") ?></body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
