ie中有双倍margin的问题
来源:互联网 发布:c语言无限循环代码 编辑:程序博客网 时间:2024/05/29 16:28
要实现下图中的样式,在火狐等浏览器下是很好实现的
但在ie中有双倍margin的问题,处理方法如下
1、在需要margin的div外层包围一层div
2、内层div为ie设置margin,div的display属性inline
3、在外层div为火狐设置margin
4、在外层div清掉上一个外层div的浮动
需要使用hack技术为浏览器单独赋值
html代码如下:
- <div id="regLayer">
- <div>用div包裹起来解决ie双倍问题
- <div>
- <label>username</label>
- <input id="regLoginName">
- <span id="verifyRegLoginName">*</span>
- </div>
- </div>
- <div class="clearFloat">下面的div要清掉上面的浮动
- <div>
- <label>password</label>
- <input type="password" id="regPassword">
- <span id="verifyRegPassword">*</span>
- </div>
- </div>
- <div class="clearFloat">
- <div>
- <label>repassword</label>
- <input id="regCPassword" type="password">
- <span id="verifyRegCPassword">*</span>
- </div>
- </div>
- </div>
css代码如下:
- #regLayer div{外层div
- margin:10px 0 0 5px;标准浏览器
- margin: 0px\9;ie浏览器
- }
- #regLayer div div{内层div
- margin:10px 0 0 5px\9;ie浏览器
- height: 24px;
- padding: 0px;
- display: inline;为ie设置inline
- }
- #regLayer div div label{
- text-align: right;
- color: #5b8c05;
- width: 200px;
- line-height: 20px\9;ie下需要设置行高居中
- }
- #regLayer div div label,#routeQuery div div input{
- margin: 2px 10px 0 10px;
- float: left;
- }
- #regLayer div div input{
- width: 200px;
- height: 20px;
- }
- ie中有双倍margin的问题
- ie下双倍margin的处理方法
- ie下双倍margin的处理方法
- IE中浮动元素双倍外边距margin
- ie6 margin双倍问题
- 关于IE的双倍浮动问题
- IE6-浮动margin产生双倍距离的问题
- 如何解决IE6下的双倍margin问题
- ie6 双倍margin 的解决办法
- IE margin加倍的问题
- ie下的3像素和双倍bug问题
- IE中margin:auto失效问题
- 解决IE6下margin双倍边距问题
- CSS FLOAT 扫盲之ie6 下双倍margin问题
- 浮动ie产生的双倍距离
- margin:0 auto在ie中无法居中问题
- 【IE6 Bug】margin双倍边距Bug的处理办法
- IE6下margin双倍边距Bug的处理办法
- div+css 下拉多级弹出菜单
- MFC框架类、文档类、视图类相互访问的方法(转载)
- 0004 java中volatile关键字的含义【入门】
- enable_from_this方法的使用与陷阱
- (Relax ST1.12)POJ 2606 Rabbit hunt(给出若干个点,求最多能有多少个点共线)
- ie中有双倍margin的问题
- jQuery Ajax 全解析
- Codeforces 348A - Mafia (二分答案)
- 使用$.getJSON实现跨域ajax请求
- 如何在一个设备上安装一个App的两个不同版本
- s3c2416解决无法下载大于60M文件系统
- mysql 批量删除索引外键
- 聚合报告字段含义(五)
- Qt 中怎样添加库文件