firefox中的效果是我想要的,ie中有点差别怎么调整啊
firefox中的效果是我想要的,ie中有点差别怎么调整啊
问题:menu好像干扰了work的显示,急用,求救
源码:
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=GB2312 " />
<title> css布局 </title>
<style type= "text/css ">
/*绿色风格*/
* {
padding: 0;
margin: 0;
font-size:12px;
line-height:18px;
color:#10723F;
font:Verdana, Arial, Helvetica, sans-serif;
}
body {
width:100%;
min-width:1000px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.clear{
clear:both;
margin:0;
padding:0;
width:0;
height:0;
line-height:0;
font-size:0;
border:0;
}
.linkWhite {
color:#ffffff;
}
#header{
height:75px;
background:green;
}
#userInfo{
height:25px;
background:green;
color:#ffffff;
line-height:25px;
padding-left:10px;
}
#theme{
height:25px;
color:#ffffff;
line-height:25px;
padding-right:10px;
float:right;
}
#main{
background:url(images/menu_bg.gif) repeat-y;
}
#menu{
width:150px;
float:left;
background:blue;
}
#work{
background-color:#ff0000;
margin-left:150px;
}
#footer{
height:25px;
background-color:#f3f3f3;
border-top:1px solid #8AC5A7;
color:#ffffff;
line-height:25px;
text-align:center;
}
</style>
<script type= "text/javascript " language= "javascript ">
/*设定在IE页面最小宽度*/
var winIE = (navigator.userAgent.indexOf( "Opera ") == -1 && (document.getElementById && document.documentElement.behaviorUrns)) ? true : false;
function bodySize(){
if(winIE && document.documentElement.clientWidth) {
var obj = document.getElementsByTagName( "body ")[0].style;
obj.width = (document.documentElement.clientWidth < 1000) ? "1000px " : "100% ";
}
}
function init(){
if(winIE) { bodySize(); }
}
onload = init;
if(winIE) { onresize = bodySize; }
</script>
</head>
<body>
<div id= "header ">
okko.cn </div>
<div id= "userInfo ">
<span id= "theme "> 更改风格: </span> 当前用户:王志伟 <a href= "# " class= "linkWhite "> 修改密码 </a> 重登录 退出
</div>
<div class= "clear ">
</div>
<div id= "main ">
<div id=