IE下padding为百分数时造成table无法正常自适应bug？ - ITeye问答

问答首页 → Web前端技术

0 0

IE下padding为百分数时造成table无法正常自适应bug？25

代码为：
<table border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>
    <div style = "border:1px solid green;PADDING: 4px 0px 0px 50%;">
    AAAA
      </div>
    </td>
</tr>
</table>
这段代码绘制的界面请参考附件。绘制的宽度超过了2倍AAAA的宽度。谁知道解决办法？
问题补充：
在firefox是正常、可以自适应的，应用中padding的父对象宽度无法准确获得，直接设置宽度并不容易。。。

2009年4月03日 15:59

chy108
0
0 0 0

查看图片附件

3个答案按时间排序按投票排序

0 0

<tr>
<td><div style = "border:1px solid green;PADDING: 4px 0px 0px 50%;">AAAA</div></td>
</tr>

2009年4月17日 14:08

huangnetian
1770
0 0 0

添加评论

0 0

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div style = "border:1px solid green;PADDING: 4px 0px 0px 50%;">AAAA</div></td>
</tr>
</table>

你测试一下这样子就可以了 td与div之间不要有空格

2009年4月14日 09:39

tiyan200808
45
0 0 0

添加评论

0 0

padding 取百分数的时候是基于父对象的宽度

如果给td添加一个width
在firefox和ie下面显示的效果就一样了

2009年4月03日 16:17

major361
40
0 0 0

添加评论

相关推荐

CSS百分比padding制作图片自适应布局: css知识点：当padding/margin取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！

Android TextView 去掉自适应默认的fontpadding的实现方法: 最近在项目中使用textview时发现在使用Android:layout_height=”wrap_content”这个属性设置后，textview会有默认的padding，也就是fontpadding。这样就会造成textview和其他view中间的间距会比自己的设置的大。那么...

FireFox下文本框/域百分比自适应数值padding显示bug解决方案: 经常会遇到文本框以及文本域宽度100%自适应显示的情况,对于文本框或者文本域，光标最好距离左侧边缘有一定的间距。...唯独FireFox火狐浏览器，其虽然宽度渲染正常，但是，光标的位置确是顶头的(与数值padding的显示完全

H5端自适应框架adaptive.zip: H5端自适应框架使用方法： [removed][removed] [removed] window['adaptive'].desinWidth = 640;// 设计图宽度 window['adaptive'].baseFont = 18;// 没有缩放时的字体大小 window['adaptive']....

padding ie 不兼容问题: IE6 正常 IE7/FF不正常这种情况下我们这样处理： padding: 7px !important;（针对FF/IE7） padding: 6px;（针对IE6） IE6 IE7正常 FF不正常这种情况我们要这么处理，因为!important IE7也是能识别的！ ...

自定义TextView没有上下左右padding值: 自定义的textview，取消系统默认的上下padding值。

table上下排序: js调整table行的上下顺序<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <title>Table test  <table id="table1" borderc

IE6特有bug兼容性问题整理: 其结果是无论IE6还是火狐浏览器下，背景图片都是固定的死死的，不错。但是，一旦html标签带着background属性参合进来，事情就要发生转变了。问题代码： html{background:white;} body{background:url(../image/404....

IE6下padding的一个影响布局的问题: 问题：在某容器上使用padding-left:15px 同时使用line-height,并且容器宽度使用默认值(100%填满父容器).这时,这个容器就会被撑出父容器,且溢出大小为15px. 解答：要避免这种情况,就要去掉line-height,如果非要用,就...

bug反馈系统-php源码: deletetable('bug', "id='$_GET[bug_id]'"); goto($_SESSION['php_self']); } $_SESSION['php_self'] = geturl(); //echo $_SESSION['php_self']; $pro_id = empty($_GET['pro_id'])?'':intval($_GET['pro_id']);...

46种常见的浏览器兼容性问题大汇总: 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 ...7. firefox与IE的父元素(parentElement)的区别 3...26. 为什么FF下文本无法撑开容器的高度 3

Css padding和margin区别: 这个一个CSS padding和margin的例子，对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

CSS自适应宽度圆角按钮: CSS自适应宽度圆角按钮 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head> <meta ...

display:table-cell实现兼容性的两栏自适应布局实现代码: 大美女一枚来自上海签名：想找个保鲜盒把你给我的那些感动都装起来。当你让我伤心的时候就拿出来回味一下。微博：坐在办公室，只听轰隆隆几声巨响，晴天也能打雷吗？...} .content{display:table-cell; *displ

Button在IE6、7下的自适应宽度问题解决方法: 不管哪种方式，Button的宽度在IE6、7下总是不能完美，接下来我们演示一个普通的Button，你可以用IE6或者IE7浏览器看看其显示宽度，然后对比Chrome或者IE8等浏览器，你会发现Bug的所在。 1、一个普通的Button: 可以很...

IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法: IE6/7 and IE8(Q) 中td的上下padding失效</title> <style> table { border:1px solid #555; } td { background:#CCC; padding:40px;} </style> </HEAD> <BODY> <table cellpadding=”...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics