<!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>
<title>Fixed header and footer for IE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{margin:0}/* for ie mac*/
/* commented backslash hack v2 /*/
html, body{height:100%;padding:0}
* html, * html body{
overflow:hidden;
padding:50px 0;
margin:-50px 0;
padd/ing:0;
ma/rgin:0;
}
* html #outer {
overflow:auto;
height:99.9%;
voice-family: "/"}/""; voice-family:inherit;
}
* html #contain-all{
position:absolute;
overflow:auto;
width:100%;
height:100%;
z-index:1;
}
/* end hack */
#top-bar{
position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
top:0px;
left:0px;
height:50px;
width:100%;
margin:0;
padding:0;
z-index:999;
overflow:hidden;
}
#topbar-inner, #footer-inner {
height:50px;
background:red;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=darkblue,endColorStr=skyblue);
}
/* mac hide - reduce page to allow the scrollbar to remain visible /*/
* html #topbar-inner,* html #footer-inner {margin-right:17px;}
/* end hide*/
#footer{
position:absolute;
bottom:0;
width:100%;
height:50px;
z-index:999;
}
.spacer {height:50px}/* same height as footer/header to preserve space*/
p{margin-top:0}
html>body #top-bar,html>body #footer{position:fixed}/* for moz/opera and others*/
</style>
<STYLE>
BODY {
SCROLLBAR-ARROW-COLOR: #fcfc00;
SCROLLBAR-TRACK-COLOR: #0000d8;
SCROLLBAR-BASE-COLOR: #00006c
}
</STYLE>
</head>
<body bgcolor="#000000" text="yellow">
<div id="outer">
<div id="contain-all">
<div class="spacer"></div>
<p>
<center>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
ID=awards WIDTH=426 HEIGHT=426>
<PARAM NAME=movie VALUE="http://images.flashkit.com/movies/3D/Pseudo/SFDd_ani-Stijn_fa-6483/SFDd_ani-Stijn_fa-6483.swf">
<PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#001199><PARAM NAME=WMODE VALUE=TRANSPARENT>
<EMBED src="http://images.flashkit.com/movies/3D/Pseudo/SFDd_ani-Stijn_fa-6483/SFDd_ani-Stijn_fa-6483.swf" quality=high bgcolor=#001199 WIDTH=426 HEIGHT=426 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT>
</center>
<br />
</p>
<p> </p>
<center>
<table bgcolor="red" style="table-layout:fixed">
<tr>
<td nowrap style="width:100px;overflow: hidden; text-overflow:ellipsis;word-break:keep-all" >
你好朋友朋友朋友我为什么不能看到效果啊
</td>
</tr>
</table></center>
<p>some text to wrap : some text to wrap : some text to cause scrolling :
: some text to wrap : some text to wrap : some text to cause scrolling :
: some text to wrap : some text to wrap : some text to cause scrolling :
: some text to wrap : some text to wrap : some text to cause scrolling :
: some text to wrap : some text to wrap : some text to cause scrolling :
: some text to wrap : some text to wrap : </p>
<center>
<a href="#" target="_blank" id=flashit>欢迎光临e-cn-e.com</a></center>
<script language=JavaScript1.1>
<!--
if (document.all&&document.all.flashit){
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which){
if (flashelement[which].style.color=='')
flashelement[which].style.color="red"
else
flashelement[which].style.color=""
}
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++){
var tempvariable='setInterval("changecolor('+i+')",'+'1000)'
eval(tempvariable)
}
}
-->
</script>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>some text to cause scrolling : </p>
<p>Last bit of text</p>
<div class="spacer"></div>
</div>
</div>
<div id="top-bar">
<div id="topbar-inner"> </div>
</div>
<div id="footer">
<div id="footer-inner"> </div>
</div>
</body>
</html>
foot固定
最新推荐文章于 2024-08-30 16:48:59 发布