IE浮动和对齐的错误


(1,024 x 768点我点我) 帖子无聊就看看图吧

如果在CSS中将元素的float和text-align的方向设为一致,则在IE6中边界会被显示为声明值的2倍,如下图

其解决方法就是设置元素的显示(display)属性为inline,如下所示:

#float_left {
margin 0 15px;
float:left;
background:#FD5C7B;
_display:inline;
}

在阳光下看书真是一种享受,<<别具光芒DIV+CSS网页布局与美化>>,让我对网页设计有了更深入的认识,修正了很多误区.此书的PDF版本网上有流传,有钱宁还是推荐支持正版

基础不扎实的后果就是常常有莫名其妙的问题,曾经的学习方式是遇到问题,搜索解答,并不系统和全面,对问题的理解和认识也不深刻

晚上送贱贱走的时候路边一家广告牌上的MYSELF被我看成MYSQL,恩,表示我进入状态了

——update———————

小时候学CSS的笔记,这个常见的蛋疼bug修复的时候最好用_display,这样只有IE6认识,否则会影响其他浏览器
DIV+CSS ,挖哈哈,丢今天又要被一群人鄙视了


已发布

分类

来自

标签:

评论

《“IE浮动和对齐的错误”》 有 17 条评论

  1. momosam 的头像

    忽然兴起看看你的博,然后就翻了10几页,看完所有文章….

    小子真TM有才啊……最近老听戴铿提起千岛湖..原来是这么个东西.

    汗..翻了十几页…那是我忽悠了好几个月的文章哈
    千岛湖是个不错的馆子,价廉物美~
    原来你在blogbus写的…我只订了msnspace的呵呵

  2. Donald 的头像

    果然…刚才无奈下线沙发是跑了…唉~~

    网络时代当然是搜索之…搜索100度不如全能搜索360度…

    进入状态了…=。=

    哈哈,yahoo的广告~

  3. 宅哥 的头像

    IE其实是星际财团NPC ,一身绷带…不过IE7比起IE6来好太多太多了

    那firefox就是npc口中的肉人了哈哈,但是,市场占有率来说,IE6是绝对不能忽视的,而且要优先于FF和ie7

  4. 宅哥 的头像

    对了,推荐一本书:《CSS禅意花园》,我不介意以此作为大猫的圣诞礼物,只要你给我地址……

    给个当当的链接:http://product.dangdang.com/product.aspx?product_id=9293450

    哈,大名鼎鼎的,当然知道了~
    我现在刚入门,还在看基础呢
    还借了本CSS The Definitive Guide,看来借对了,果然很权威

  5. akuii 的头像

    大猫,PDF拿来…偶要…

    google书名,第二个就是pdf下载

  6. 摩摩诘 的头像

    最后一句话比较经典
    为什么你发的图片都那么诱人妮~~?

    压轴的,哇哈哈

  7. vern 的头像

    准备可以帮我做主题啦,哈哈

    哈,刚学呢

  8. Unreal 的头像

    Myself MySQL

    ……………………………………………

    …………………….
    ………..
    .
    .
    .
    .

    天黑..眼神不好…会…

  9. mercy 的头像

    艺多不压身,多学点东西总没什么坏处。
    除非又有伟人振臂一呼,知识越多越反动~

    老师所言甚是

  10. mercy 的头像

    题图:蝴蝶犬和蝴蝶的爱情?

    啊,那狗是蝴蝶犬?…

  11. 微方传媒 的头像

    解决了,很有用。3q

    1. 大猫 的头像

      @微方传媒, 羞,我07年刚学的时候写的,解决这个bug最好用_display:inline;不然会影响到其他浏览器,我改下文章

  12. paper 的头像
    paper

    “如果在CSS中将元素的float和text-align的方向设为一致,则在IE6中边界会被显示为声明值的2倍”。

    猫哥,你试一试text-align的方向与float不一致会怎样?

    而且你文章中的代码例子,更是木有text-align。。。。,额…..这让我们情何以堪~~ ❓

    1. bigCat 的头像

      @paper, 默认是文字左对齐的嘛…

  13.  的头像
    匿名

    唉,你搞错啦,ie6的双倍边距BUG应该是:如果在浮动方向上有边距值就会是双倍边距。比如说在左浮动时,如果有左边距,那左边距就*2,如果只有右边距值(或其它方向)就没事。这只在ie6下有这BUG。

    1. bigCat 的头像

      @, 🙂 正解!

回复 mercy 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注