div显示错位解决办法
日期：2014-05-19 浏览次数：20696 次
div显示错位
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>电子商城</title>
<style type="text/css">
<!--
body {
background: #EFEFEF;
background-color: #FFFFFF;
}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20557A;}
a:hover{text-decoration:underline;}
p{
margin-bottom:15px}
.STYLE8 {font-size: 12px}
.STYLE10 {font-size: 12px; color: #FC6E1A; }
.STYLE12 {font-size: 12px; color: #FE701A; }
a:link {
text-decoration: none;
color: #FFFFFF;
}
.down{ font-size:12px; color:#999999;}
.down:visited {color:#999999;}
.down:link {color:#999999;}
.down:hover {color:#999999;}
.login{ font-size:12px; color:#FC6E1A;}
.login:visited {color:#FC6E1A;}
.login:link {color:#FC6E1A;}
.login:hover {color:#FC6E1A;}
.top{ font-size:12px; color:#000000;}
.top:visited {color:#000000;}
.top:link {color:#000000;}
.top:hover {
color:#000000;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#Layer3 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer4 {
position:fixed;
width:125px;
height:130px;
z-index:3;
left: 450px;
top: 0px;
border: #ccc 1px dashed;
padding-left: 30px;
float: left;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer5 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer6 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer7 {
position:fixed;
width:125px;
height:130px;
z-index:4;
left: 566px;
top: 0px;
float: left;
padding-left: 30px;
border: #ccc 1px dashed;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer8 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer9 {
position:fixed;
width:125px;
height:88px;
z-index:2;
left: 33px;
top: 41px;
}
#Layer10 {
position:fixed;
width:292px;
height:130px;
z-index:5;
left: 762px;
top: 0px;
border: #ccc 1px dashed;
float: left;
border-bottom-color: #EFEFEF;
padding-left: 30px;
border-top-color: #EFEFEF;
}
#Layer22 {
position:absolute;
width:768px;
height:53px;
z-index:2;
top: 176px;
}
#Layer28 {
position:fixed;
width:960px;
height:130px;
z-index:3;
top: 519px;
}
#Layer29 {
position:fixed;
width:125px;
height:130px;
z-index:1;
float: left;
border-left: #ccc 1px dashed;
padding-left: 30px;
border-left-color: #CCCCCC;
}
#Layer32 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer33 {
position:fixed;
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>电子商城</title>
<style type="text/css">
<!--
body {
background: #EFEFEF;
background-color: #FFFFFF;
}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20557A;}
a:hover{text-decoration:underline;}
p{
margin-bottom:15px}
.STYLE8 {font-size: 12px}
.STYLE10 {font-size: 12px; color: #FC6E1A; }
.STYLE12 {font-size: 12px; color: #FE701A; }
a:link {
text-decoration: none;
color: #FFFFFF;
}
.down{ font-size:12px; color:#999999;}
.down:visited {color:#999999;}
.down:link {color:#999999;}
.down:hover {color:#999999;}
.login{ font-size:12px; color:#FC6E1A;}
.login:visited {color:#FC6E1A;}
.login:link {color:#FC6E1A;}
.login:hover {color:#FC6E1A;}
.top{ font-size:12px; color:#000000;}
.top:visited {color:#000000;}
.top:link {color:#000000;}
.top:hover {
color:#000000;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#Layer3 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer4 {
position:fixed;
width:125px;
height:130px;
z-index:3;
left: 450px;
top: 0px;
border: #ccc 1px dashed;
padding-left: 30px;
float: left;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer5 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer6 {
position:fixed;
width:125px;
height:88px;
z-index:2;
top: 41px;
}
#Layer7 {
position:fixed;
width:125px;
height:130px;
z-index:4;
left: 566px;
top: 0px;
float: left;
padding-left: 30px;
border: #ccc 1px dashed;
border-bottom-color: #EFEFEF;
border-right-color: #EFEFEF;
border-top-color: #EFEFEF;
}
#Layer8 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer9 {
position:fixed;
width:125px;
height:88px;
z-index:2;
left: 33px;
top: 41px;
}
#Layer10 {
position:fixed;
width:292px;
height:130px;
z-index:5;
left: 762px;
top: 0px;
border: #ccc 1px dashed;
float: left;
border-bottom-color: #EFEFEF;
padding-left: 30px;
border-top-color: #EFEFEF;
}
#Layer22 {
position:absolute;
width:768px;
height:53px;
z-index:2;
top: 176px;
}
#Layer28 {
position:fixed;
width:960px;
height:130px;
z-index:3;
top: 519px;
}
#Layer29 {
position:fixed;
width:125px;
height:130px;
z-index:1;
float: left;
border-left: #ccc 1px dashed;
padding-left: 30px;
border-left-color: #CCCCCC;
}
#Layer32 {
position:fixed;
width:125px;
height:25px;
z-index:1;
border: 1px solid #EFEFEF;
border-bottom-color: #000000;
}
#Layer33 {
position:fixed;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
