大猫の意淫筆記
08
Dec

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 ,挖哈哈,丢今天又要被一群人鄙视了

假装异步加载ing

» You can leave a comment, or trackback from your own site.

大战 17 回合 to “IE浮动和对齐的错误”

  1. momosam says:

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

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

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

    Reply

  2. Donald says:

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

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

    进入状态了...=。=

    哈哈,yahoo的广告~

    Reply

  3. 宅哥 says:

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

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

    Reply

  4. 宅哥 says:

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

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

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

    Reply

  5. akuii says:

    大猫,PDF拿来...偶要...

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

    Reply

  6. 摩摩诘 says:

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

    压轴的,哇哈哈

    Reply

  7. vern says:

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

    哈,刚学呢

    Reply

  8. Unreal says:

    Myself MySQL

    ...................................................

    .........................
    ...........
    .
    .
    .
    .

    天黑..眼神不好...会...

    Reply

  9. mercy says:

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

    老师所言甚是

    Reply

  10. mercy says:

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

    啊,那狗是蝴蝶犬?...

    Reply

  11. 微方传媒 says:

    解决了,很有用。3q

    Reply

    大猫:

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

    Reply

  12. paper says:

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

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

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

    Reply

    bigCat:

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

    Reply

  13. Anonymous says:

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

    Reply

    bigCat:

    @, :) 正解!

    Reply

Leave a Reply

:!: :roll: :o :lol: :P :( 8O :x :oops: :) :?: :idea: :evil: ;) :twisted: XHTML<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>