DIV+CSS布局IE6 IE7 下错位 火狐IE8正常 如何解决?

DIV+CSS布局IE6 IE7 下错位 火狐IE8正常 如何解决?
2024-11-14 15:33:48
推荐回答(7个)
回答1:

我负责的告诉你,是你布局出错了。
我写过很多前端代码,而且我的用户大多是面对网吧类的用户的,网吧全是IE6 ,后来我发现一个规律,95%的不兼容问题全是自己当初在设计布局的时候没有考虑到才会出现兼容问题!
你现在要做的是,各大块div相互不挤,切掉一个大块,其它也没有影响,!出影响的如果是一个大块里的其它小元素,那就是这个大块里的问题,跟其它无关,你这样调就OK啦1
还有如果发现自己错了,就删除掉,重新写下,多考虑兼容,或者布局方法,不要认为错了,就用其它办法来弥补,很多前端者就是用弥补的办法,去调兼容,后来越调越乱,用的时间越长,自己看花了这么长时间,如果重新来写不划算,就一直错下去,纠结中。。。
上面这个想法是错的,其实重新写下来的时候绝对比你不停的去改要来的快,经验也要快的多!
各人工作经历。。。

回答2:

您好!很高兴为您答疑!

css padding中文意思是内间距,也就是指div,p,span等窗口内容边距了,它分为padding-top padding-right padding-bottom padding-left 四面,但padding在不同浏览器中表现不同,本文章就是告诉你解决这些不兼容的问题。
  CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。
  例如,如果您希望所有 h1 元素的各边都有 10 像素的内边距,只需要这样:
  h1 {padding: 10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:
  h1 {padding: 10px 0.25em 2ex 20%;}
  假设现在设置一个padding值,这个值在FF、IE8、IE6中都不一样
  首先考虑的是FF下的值
.test{padding:10px}

  接着考虑IE8下的值
.test{padding:10px;*padding:9px}

  最后考虑IE6下的值
.test{padding:10px;*padding:9px;_padding:8px}
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

回答3:

用这种方式解决 *{ 针对ie6,ie7重新定义新的样式} ,在渴切-开源中文css框架中可以看到这样的写法

回答4:

IE6,IE7,火狐,IE8 支持的css都是不一样的.所以你需要逐个预览器调解

回答5:

使用清除浮动,在当前的标签下使用清除浮动

回答6:

把你的代码贴出来,我这边调试出来之后再给你作答复,一般错位可以用div的float:left属性调正、

回答7:

这个要看代码的 光这样说解决不了
可能原因有浮动、宽度过大等