社区
CSS
帖子详情
居中DIV在IE8以下的浏览器中产生了上下两个方向的间距 why ?
zpcoder
2010-10-16 09:27:02
问题:页面有斜线的是一个DIV,在IE8下,页面玩好,在IE6,7下,此DIV的上下都有约20像素的离距 Why ?
网址:
http://www.sx881.com/register.aspx
斜线DIV的CSS:
.si {background-image: url(../images/index_si.gif);width:986px;padding:8px 0 8px 0;margin:0 auto;}
HTML:见页面源文件
...全文
465
10
打赏
收藏
居中DIV在IE8以下的浏览器中产生了上下两个方向的间距 why ?
问题:页面有斜线的是一个DIV,在IE8下,页面玩好,在IE6,7下,此DIV的上下都有约20像素的离距 Why ? 网址:http://www.sx881.com/register.aspx 斜线DIV的CSS: .si {background-image: url(../images/index_si.gif);width:986px;padding:8px 0 8px 0;margin:0 auto;} HTML:见页面源文件
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zpcoder
2010-10-18
打赏
举报
回复
5 楼 如果加上 * {margin:0;padding:0} 这一句的话。那个空离距就没有了,不过我设的其它元素的离距也没有了。
---------------------------------------
如果大家看不到那个斜线的话。 就请往下拉看 "新手指南" 这个暗黄的大框框,这个框上面的有个桔黄色的DIV大框。我指的就是这一个,它是一个<div class="si">
这个DIV 与下面的 "新手指南" 框以及顶部的Flash(中的灰色菜单)上下都产生了约20px的间距.我就是想问这个间距在ie6,7下怎么清除。(ie8下正常)
personball
2010-10-18
打赏
举报
回复
页面输入的地方也没啥验证。。。比较危险。。
personball
2010-10-18
打赏
举报
回复
- -||| lz 你放协议的地方,不要用textarea。。。 可以输入文字的,囧,要么把可用性禁掉。。。
personball
2010-10-18
打赏
举报
回复
样式的第一行写
* {margin:0;padding:0}初始清除所有样式(不同浏览器解析方式不同,一般为了兼容都需要这句)
IE自己的前后不一致倒没怎么遇到过,margin padding 在IE和FF中不同, 会有双倍问题,可以在相关样式中加上display:inline
先这样。
碧海情天-赵亮
2010-10-16
打赏
举报
回复
CSS里有这句吗:
* {margin:0;padding:0}
而且,你说的“页面有斜线的是一个DIV”,都没看出哪里有什么斜线。问题说清楚点。
chalewen
2010-10-16
打赏
举报
回复
你的布局太乱了
漓江烟雨
2010-10-16
打赏
举报
回复
对,应该是你的css出了错啦。在Firefox下问题很大,虽然我没看你的css。但是我感觉你的用户协议的那个外边框根本就不是文本区域本身的。现在大部分的人还是用的ie6、ie7。如果做不好你也应该更关注一下大部分人,当然做出了标准的更好,适用于所有浏览器,你的css肯定有问题。我倒是没用ie6、ie7看。因为我用的win7。你可以把源文件发我邮箱,可能我可以给你解决一下。我是很乐意帮助别人的。我QQ号:648445213
zpcoder
2010-10-16
打赏
举报
回复
解决正题,解决正题。呵呵~~~
oursky_jinjohn
2010-10-16
打赏
举报
回复
你的html,css功底太差了,你拿firefox看看,都成什么样子了,你要知道,这世界好多人在用firefox啊。
div
垂直
居
中
-CSS元素垂直
居
中
方法的探究
针对学员疑问“
div
垂直
居
中
?”引出的“CSS元素垂直
居
中
一系列方法的探究”的针对性课程,课程包含两方面:1、文本垂直
居
中
的解决方案;2、块级元素垂直
居
中
的解决方案。
关于 margin :auto的二三点事(水平
居
中
垂直不
居
中
)
margin是指块级元素的外边距margin 清除周围的(外边距)元素区域, margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性margin最多有4个值,按顺序为顺时针:上,右,下,左margin后面如果只有
两个
参数的话,第一个表示top和bottom,第二个表示left和right因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即
居
中
)实例: 可以发现 auto使其自动对齐到
中
间
居
中
显示结果没有发生变化。why?分析
浏览器
兼容性笔记(转)
ie下层的最小高度为十七八px所以十七八px
以下
的高度ie6会自动按照十七八计算,可以通过设置overflow :hidden来解决; 层的
居
中
显示: margin-left:auto; margin-right:auto;因为层的宽度默认是100%所以想要有
居
中
的效果必须得有合适的宽度; !important,css在同一个大括号内是让firefox优先认领,就是说只有在...
div
表格布局_探索
Div
和表格布局的乐趣
div
表格布局Download examples - 2.4 KB 下载示例-2.4 KB 内容 (Contents) Introduction 介绍 Float vs. Inline Block 浮动与串联块 Lesson 1 - Your Editor Is Messing With Your Head 第1课-编辑对您的想法感到困惑 Lesson 2 - Your Minimizer W...
E6终极备忘:修复IE6下_25+_Bugs
E6终极备忘:修复IE6下_25+_Bugs 引言:“珍惜生命,远离IE 6!” 对IE6最好的策略就是不去兼容它。 好吧,我知道你的难处,你不得不去兼容IE6这个狗血的
浏览器
,因此不得不在兼容IE6上花费很多时间。对此,我颇有同感,让我来帮助你吧。 我不会象许多文章那样让你去抵制IE6,这并不会帮助到你(迫不得已时)去兼容IE6;因为IE6依旧占有一定的市场份额
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章