CSS布局问题 100分下一页 有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose

刚开始学习css+xml 问一下有关布局问题

body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 15px;color:#666666;background:#FFDDAA;margin:0px;padding:0px;}.hidden {display: none;}#container {width:760px;background:#FFDDAA;margin:auto;}#main  {background:#FFCCCC;height:30px ;padding:15px 5px 0 0;}#main ul {list-style-type:none;margin:0;}#main ul li {float:right;margin:0 6px;}.sd {width:1.5px;height:17px;background:#FF00FF ;}#main ul li a:link {background:#FFB3FF;font-weight:bold; color:#CC6666}#main ul li a:visited {font-weight:bold;background:#B94FFF;}#main ul li a:hover {font-weight:bold;background:#BBFF00;}#header {background:#FFA488;height:150px;}#content {float:left;width:550px;background:#FFBB00;line-height:25px;}#content  h2{margin: 0;padding: 0;padding-bottom:10px;}#content  p {margin: 0;padding: 0;padding-bottom:15px;}#content  .padding {padding: 20px;}.aa { font-family:华文行楷;font-size:20px;color:#770077;font-weight:bold;text-decoration:none;}#side {float:right;width:205px;background:#FF7744;line-height:25px;}#side h2{color:#3399CC;margin: 0;text-align:center;}hr {margin:0;padding:0;}#side ul li a{margin: 0;padding: 0;padding-bottom:9px;}#side  .padding {padding: 20px;}#footer {clear:both;background:#D28EFF;font-family:??_GB2312;font-size:14px;color:#660077 ;height:66px;border-top: 1px solid #FF8888;padding: 13px 25px;line-height: 20px;text-align:center;}#footer a {color: #5555FF;text-decoration:inherit;}#footer a:hover {color: #770077;}h1 {margin: 0;padding: 0;}

登录后复制

登录后复制

我的问题是 在这种布局里面 我点一下链接 我只希望在主窗口content 中变化内容 其它的导航部分不变化 页眉 页脚 也不能变， 我打开下一页 还要把这些内容一起写入下一页里面，是不是有点太累了！！！！100分诚心求教 一下,谢谢

回复讨论(解决方案)

可以外部连接一个网页到此网页！和CSS文件类似

可以外部连接一个网页到此网页！和CSS文件类似

你可以在底部链接一个外部网页！和CSS文件类似

这是个经典问题。解决方案有如下几种（但不限于）：
１、用iframe框架分割窗口，分别装载页头、页脚文件；
２、以include方式包含页头页脚文件；
３、以Ajax方式load页头页脚文件或代码；
４、以模板页或母板页方式设置页头页脚；

我的做法:
用不同的div完成不同的信息,用js更换div的内容即可.

我是新手能不能给些代码参考一下

"http://www.w3.org/TR/html4/loose.dtd">

用iframe方法好像会被别人利用，很多时候会被高手植入代码。
我很想知道如何用include的方法，能不能高手给点代码啊

加个图片 我只想每一页只变content部发的代码

如果你是用asp，那么：

登录后复制

如果你是用asp.net，那么：

登录后复制

其中header.asp或header.ascx就是固定不变的页头内容，footer.asp或footer.ascx则是固定不变的页脚内容。
一旦修改了页头或页脚文件，则所有包含该文件页面也自动更新。

如果你是用asp，那么：

HTML code





如果你是用asp.net，那么：

HTML code





那么jsp呢 或者直接是html呢

抱歉，我对jsp不熟悉，但我看到越来越的jsp网站在用Jquery来装载页头页脚，这种方式很“干净”，还是ajax的：

登录后复制

function loadHeader_Footer(){  $("#header").load("header.html"); //也可以是jsp、xml甚至txt文件，都能load进页面  $("#footer").load("footer.html");}

登录后复制

很显然，对于纯html页面也完全可以用Jquery或直接用Javascript实现页头页脚装载！
如：

登录后复制

还有一个较老的方法可以实现在一个html中包含其他html文件，就是:

登录后复制

但上面的方法由于安全性等方面原因，很多浏览器会要求确认才能正常显示。
此外如果不考虑浏览器兼容问题，也可以使用Behavior的download方式，此方式仅IE浏览器能正确识别。

补充一下我现在想知道 第二页 也就是只变主体部分的代码怎么写？ html 谢谢

.net的话可以使用内嵌文件

这是HTML代码

                         
                                
                    正在加载数据...                
            

登录后复制

这是Banner.txt文件

" />

公告
转到
报表
设置
关闭
帮助

最简单的是用iframe
content部分:

登录后复制

sidemenu部分:

菜单项目一...

登录后复制

js部分:

function cmd(n){  if(n==0)getElementById("content").src="你需要的网页地址.htm";  ...}

登录后复制

可以将不动的部分设计为一个模板

把他们写成一个公共的文件，要用的时候再去调用不就可以了吗 ？

这是个经典问题。解决方案有如下几种（但不限于）：
１、用iframe框架分割窗口，分别装载页头、页脚文件；
２、以include方式包含页头页脚文件；
３、以Ajax方式load页头页脚文件或代码；
４、以模板页或母板页方式设置页头页脚；


差不多 用以上四种方法

你就这一点点内容，直接写到一个页面里面也行了。
用JS切换显示和隐藏各自不同的DIV内容就行了。

都是大侠