IE6 DIV绝对定位 导入不显示问题

lixi613 2012-11-20 01:41:11
这是我的源程序 在IE8中是没问题的,到IE6中就左侧菜单就不显示了,急盼大神们帮忙看看...

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="LX.DXYJ.UIL.WebForm1" %>

<!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=UTF-8" /><title>
佣金查询系统
</title>
<style type="text/css">
*
{
margin: 0 0 0 0;
padding: 0;
}

html
{
height: 100%;
overflow: hidden;
font-family: 宋体;
font-size: 12px;
}
body
{
height: 100%;
overflow:scroll;
}
#Header
{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 85px;
background: url(Images/HeaderBG.gif);
background-repeat:repeat;
}
#SideBar
{
position:absolute;
clear:both;
left: 0px;
top: 85px;
bottom: 0px;
width: 160px;
overflow:hidden;
background: url(Images/SideBarBG.png);
}
#Content
{
position: absolute;
left: 160px;
top: 85px;
bottom: 0px;
right: 0px;
background-color: white;
}
#CompanyLogo
{

width: 200px;
height: 7px;
top: 0px;
position: absolute;
}
#Logo
{
background: url(images/logo.gif) no-repeat;
width: 400px;
height: 84px;
top: 0px;
position: absolute;
}
#Header_right
{
width: 500px;
height: 24px;
float:right;
text-align:right;
padding-right:50px;
padding-top:60px;
}
#DesignerLogo
{
background: #669900;
background: url(images/DesignerLogo.gif) no-repeat;
height: 50px;
left: 0px;
bottom: 0px;
right: 0px;
position: absolute;
}
.BarAreaTop
{
border-top: 1px #999999 solid;
height: auto;
left: 2px;
right: 5px;
position: absolute;
}
.BarAreaBottom
{
border-top: 1px #999999 solid;
height: auto;
left: 2px;
bottom: 50px;
right: 5px;
position: absolute;
}
.NavBar
{
background: url(../Images/NavBarBG03.png);
width: 100%;
height: 22px;
color: #666666;
text-align: center;
line-height: 21px;
}
.NavBar:hover
{
background: url(../Images/NavBarBG02.png);
width: 100%;
height: 22px;
color: #666666;
text-align: center;
line-height: 21px;
cursor: pointer;
}
.NavBtnText
{
color: #444444;
line-height: 25px;
text-align: left;
padding-top:5px;
padding-left :20px;
cursor:pointer;
}
.NavBtnText:hover
{

border-bottom-style:dashed;
border-bottom-color:#D5D5D5;
border-bottom-width: 1px;
background-color:#EFD4BD;
}
</style>
</head>
<body>
<form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm">

<div id="Header">
<div id="Logo"></div>
<div id="Header_right">
欢迎您:[admin]   当前日期:[2012年11月20日]
</div>
</div>

<div id="SideBar">
<div class="BarAreaTop">
<div class="NavBar" onclick="location='../Main/Default.aspx'">欢迎使用</div>

<div class="NavBtnText" onclick="location='../Main/Default.aspx'"><img src="../Images/closed.gif" />欢迎使用</div>

</div>
<div class="BarAreaBottom">
<div class="NavBar" onclick="location='../Rpt/Rpt_Sum.aspx'">数据查询</div><div class="NavBar" onclick="location='../Role/Default.aspx'">基础资料</div><div class="NavBar" onclick="location='../Admin/Information_Default.aspx'">信息发布</div><div class="NavBar" onclick="location='../Pwd/EditPwd.aspx'">个人中心</div>
<div class="NavBar" onclick ="location='../UserLogin.aspx'">退出系统</div>
</div>
<div id="DesignerLogo"></div>
</div>

<div id="Content">


</div>
</form>
</body>
</html>
...全文
115 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2012-11-20
  • 打赏
  • 举报
回复
引用 1 楼 oggmm 的回复:
设置个高度看看
内部元素也为绝对定位IE6要设置高度,要不父元素没高度。导航的内部元素你还绝对定位干嘛。。。
oggmm 2012-11-20
  • 打赏
  • 举报
回复
设置个高度看看
《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要: 本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。 本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计。具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》图书目录: 第1章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 什么是Web标准 1.1.2 Web表现层技术 1.1.3 Web标准的历史 1.2 Web标准的构成 1.2.1 结构(Structure) 1.2.2 表现(Presentation) 1.2.3 行为(Behavior) 1.3 Web标准有什么好处 1.4 CSS布局与table布局的区别 1.4.1 CSS 2.0的优势 1.4.2 传统的table布局与CSS布局 1.5 向Web标准过渡 1.5.1 从HTML转向XHTML 1.5.2 发挥CSS 2.0的作用 1.6 常见问题 1.6.1 什么样的网站才符合Web标准 1.6.2 使用Web标准之后表格还有用吗 1.6.3 可以继续使用HTML来设计网页吗 1.6.4 为什么不直接使用到XML 1.6.5 学习CSS布局比表格困难吗 1.6.6 CSS布局是否意味着必须手写代码 1.6.7 什么叫网站重构 1.6.8 使用Web标准之后就不再存在兼容性问题了吗 1.6.9 有没有Web标准方面的优秀图书或网站 1.6.10 使用CSS设计只能做出简单的网页吗 1.7 面向现在与未来的设计 1.7.1 Web标准与Web 2.0 1.7.2 用户体验技术 1.7.3 用户体验设计的发展趋势 第2章 XHTML与CSS基础 2.1 XHTML基础 2.2 选择合适的DTD 2.3 选择合适的标签 2.4 给CSS留下接口 2.5 良好的XHTML编写习惯 2.6 CSS语法结构 2.6.1 CSS属性与选择符 2.6.2 类型选择符 2.6.3 群组选择符 2.6.4 包含选择符 2.6.5 id及class选择符 2.6.6 标签指定式选择符 2.6.7 组合选择符 2.6.8 伪类及伪对象 2.6.9 通配选择符 2.7 CSS数据单位 2.8 应用CSS到网页中 2.8.1 行间样式表 2.8.2 内部样式表 2.8.3 外部样式表 2.9 样式优先权问题 2.9.1 写法优先权 2.9.2 选择符优先权 2.9.3 样式继承 2.9.4 !important语法 2.10 代码注释 2.11 CSS开发环境与调试环境 第3章 CSS网页布局与定位 3.1 认识div 3.1.1 div是什么 3.1.2 如何使用div 3.1.3 理解div 3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 高度自适应 3.10 盒模型详解(.Box Model) 3.10.1 什么是盒模型 3.10.2 盒模型的细节 3.10.3 上下margin叠加问题 3.10.4 左右margin加倍问题 3.11 深入浮动(Float) 3.11.1 文档流(Document Flow) 3.11.2 浮动定位 3.11.3 浮动的清理(Clear) 3.11.4 何时选用浮动定位 3.12 绝对定位与相对定位 3.12.1 绝对定位 3.12.2 相对定位 3.12.3 何时选用绝对与相对定位 第4章 CSS网站元素设计 4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景属性缩写 4.2.6 基于背景控制的导航优化 4.3 使用列表元素 4.3.1 ul无序列表 4.3.2 ol有序列表 4.3.3 改变项目符号样式 4.3.4 使用图片自定义项目符号 4.3.5 使列表变为段落 4.3.6 列表缩进排版 4.3.7 复杂列

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧