`
xichao007521
  • 浏览: 43507 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

ff ie padding-top

    博客分类:
  • css
阅读更多

ff 和 ie对padding-top的解析是不一样的,在ie中,元素占用的高度 = padding-top + 元素原来的高度,在ff中,该padding-top被算在元素的原始高度之内。

解决方法:

一,尽量不用到padding-top;

二,在设置的padding-top后加入!important,ie不会解析这个属性。

<div style="padding-top:5px;height:10px !important;height:15px;width:200px;background-color:#ffeeee"> test </div>

三,利用*,ff不解析*,用这个也可以实现使用padding-top的效果在各浏览器一致。

<div style="padding-top:5px;height:10px;*height:15px;width:200px;background-color:#ffeeee"> test </div>

分享到:
评论

相关推荐

    div-css-漂亮的导航条

    padding:0; font: bold 11px/1.5em Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } img { border: none; } /*- Menu...

    DIV多层嵌套margin-top的BUG问题

    /* 解决FF和ie8的margin-top bug */ margin-top: 10px; float: left; } ``` 2. **使用内边距(padding)**: 代替`margin-top`,可以使用`padding-top`来调整元素之间的间距。然而,由于Firefox的盒模型问题...

    IE7、IE8、ff下的margin-top问题 折叠margin

    并且还是在不太支持web标准的IE7下面都可以,其他支持WEB标准的都出现问题。难道是web标准就是这样,曾一度怀疑经常用的“盒子”方法是错误的。后来在网上找了一下才发现以前学习的时候竟然忽略了”折叠margin”。...

    div+CSS 兼容小摘

    -moz-border-top-colors: #d4d0c8 white; -moz-border-left-colors: #d4d0c8 white; -moz-border-right-colors: #404040 #808080; -moz-border-bottom-colors: #404040 #808080; ``` #### 十一、光标样式文件...

    三星9305收索

    top:38.2%}#fm{padding-left:40px;top:-37px}#lh a{margin:0 10px}#lk{position:absolute;display:none;top:0;right:0}#nv{position:absolute;display:none;top:0;right:0}#lm{width:100%;margin-top:60px;position:...

    css浏览器兼容问题

    在IE6-7中,设置`text-align: center`会使文本及嵌套块元素居中,但在FF、Opera、Safari、IE8中,只有文本居中。为使块元素居中,应使用`margin: 0 auto;`。 3. **垂直居中问题**: `vertical-align: middle;`在...

    前端代码标准最佳实践:CSS篇

    border-top-style: none; font-family: palatino, georgia, serif; font-size: 100%; line-height: 1.6; padding-bottom: 2em; padding-left: 1em; padding-right: 1em; padding-top: 0; margin: 0.8em; ...

    浏览器兼容问题

    IE6-7会让文本及其嵌套的块元素居中,而FF、Opera、Safari以及IE8只会让文本居中,块元素则不会居中。 **解决方案**: 1. **使用 `margin` 自动分配**: ```css .center-block { margin-left: auto; margin-...

    jsp浏览器的兼容性

    在使用 margin-top 属性时,需要先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute,否则 FF 和 IE6 不识别。 8.background 和 background-color 的兼容性 background 和 background-color ...

    css浏览器兼容整理

    - IE6中的盒模型计算方式与其他浏览器不同,需要调整 `padding` 和 `border` 的处理方式来保持一致性。 2. **页面的最小宽度** - 可以通过 `min-width` 属性来设置最小宽度。 3. **为什么无法定义1px左右高度的...

    js 操作table之 移动TR位置 兼容FF 跟 IE

    js操作table之 移动TR位置 兼容FF 跟 IE body { margin:0; padding:0; font-size:12px; } #show_input { background:#CCCCCC; position:absolute; width:200px; height:100px; /* top:100px; left:500px;*/ display...

    JavaScript时钟

    padding-top:10px"&gt;' + i + '&lt;/div&gt;'); ``` #### 2. 使用JavaScript动态创建HTML元素 为了在页面上显示数字和模拟时钟指针,代码使用了`document.write()`函数动态生成多个`&lt;div&gt;`元素: ```javascript for (i = 1;...

    网站制作经验(浏览器兼容性)

    3. **输入框样式设置**:对于`&lt;input type="text" /&gt;`,需要设定`width`、`height`、`border`和`padding`,同时可以使用`line-height`实现垂直居中或`padding-top`调整。 4. **父容器背景不显示**:若父容器背景未...

    Js中关于top、clientTop、scrollTop、offsetTop.pdf

    例如,IE、Opera 认为 offsetHeight 是包括边框和padding 的高度,而 NS、FF 认为是可视区域的高度。因此,在编写 JavaScript 代码时需要考虑这些差异。 理解 top、clientTop、scrollTop、offsetTop 等属性是非常...

    CSS 透明背景时,记得给容器加上width宽度

    在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下: filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7;...margin-top:-60px;padding:1px; filter:alpha(opacity=70); /* IE *

    css常见考题 !!css常见考题 css常见考题

    - **问题描述:** 在Firefox中,如果设置了`div`的`padding`,并且指定了`height`和`width`,但在IE中则需要使用`!important`来覆盖默认值。 - **解决方案:** - Firefox支持`box-sizing`属性,可以设置为`border-...

    鼠标效果

    padding-top:20px;text-align:center"&gt;.&lt;/div&gt;'); document.write('&lt;/div&gt;&lt;/div&gt;'); ``` - **DOM结构创建**:通过 `document.write` 动态创建DOM结构,包括外部容器 `&lt;div&gt;` 和每个星星对应的 `&lt;div&gt;`。 - **样式...

    浏览器兼容性汇总

    FF和IE BOX模型解释不一致导致相差2px - **IE**: 默认使用标准盒模型,计算元素宽度时不包含内边距和边框。 - **Firefox等其他浏览器**: 默认使用W3C盒模型,计算元素宽度时包括内边距和边框。 **解决方案**: ...

    php跳转类 model

    /** * 产品属性模型 */ class s_model extends CI_MODEL { function all($table,$where='',$select=0,$id='',$like=0,$a=0,$b=0){ $where = isset($where)&&!empty($where)?$where:'';.../*FF IE7...

    很实用的css样式代码案例。

    BORDER-top:#99CCFF 1px dashed; BORDER-left:#99CCFF 1px dashed; BORDER-right:#99CCFF 1px dashed" ``` - **`border`**:定义元素的边框,包括宽度、样式和颜色。 - **`border-bottom`, `border-top`, `border-...

Global site tag (gtag.js) - Google Analytics