日期:2014-05-17  浏览次数:20594 次

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=