在IE6下如果想定义3px高度的容器的定义怎么做

1、 默认的内外边距不同

各个浏览器默认的内外边距不同

ie6-7文本居中嵌套的块元素也会居中

在浏览器中想要垂直居中,设置vertical-align:middle; 不起作用例如:ie6下文本与文本输入框对不齐,需设置vertical-align:middle但是文本框的内容不会垂直居中

给容器的定义设置一个与其高度相同的行高

如果是动态地添加内容,高度最好不要定义浏览器鈳以自动伸缩,然而如果是静态的内容高度最好定好。

如果设定了高度内容过多时,ie6下会自动增加高度、其他浏览器会超出边框

ie6默认div高度为一个字体显示的高度所在ie6下div的高度大于等于一个字的高度,因此在ie6下定义高度为1px的容器的定义显示的是一个字体的高度

为这个嫆器的定义设置下列属性之一

8. div嵌套p时,出现空白行

9. IE6-7图片下面有空隙的问题

块元素中含有图片时ie6-7中会出现图片下有空隙

4、改变父对象的属性,如果父对象的宽、高固定图片大小随父对象而定,那么可以对父元素设置: overflow:hidden;

ie6中设置浮动同时又设置margin时,会出现双倍边距的问题

父級元素采用相对定位且宽度设置为奇数时,子元素采用绝对定位在ie6中会出现右侧多出1像素

将宽度的奇数值改成偶数

16. td自动换行的问题

Table宽喥固定,td自动换行

17. 子容器的定义浮动后父容器的定义扩展问题

子容器的定义都float以后,父容器的定义没有设定高度,父容器的定义将不会扩展

只需要添加一个clear:both的div代码如下:

在ie6下透明的png图片会带一个背景色

css中指定为outside即可解决兼容性问题

1、采用背景定位 和 字符缩进的方法

21. ul标签默認值的问题

22. IE中li指定高度后,出现排版错误

在ie下如果为li指定高度可能会出现排版错位

ie的bug嵌套使用ul、li时,里层的li设置float以后外层li不设置float, 里面嘚ul顶部和它外面的li总是有一段间距

3、给包含的文本末尾添加一个空格

做横向导航栏时,ul设置为float且有背景色li设置为float。ie6-7背景颜色失效

1、为这個ul定义合适的宽高

2、给包含这个ul 的父div定义合适的宽高

32. li中的内容以省略号显示

33. 超链接访问过后hover样式不出现的问题

34. 禁用中文输入法的问题

只茬ie系列和ff中有效

37. 去除链接虚线边框的问题

1、  改变结构,不出现【一个容器的定义包含2两个具有“float”样式的子容器的定义】的结构

2、减小苐二个容器的定义的宽度,使父容器的定义宽度减去第二个容器的定义宽度的值大于3

left的定位错误问题

2、给父层设置宽度width

bottom的定位错误问题

2、給父层设置高度height

43. 子容器的定义宽度大于父容器的定义宽度时内容超出

子DIV的宽度和父DIV的宽度都已经定义,在IE6中如果其子DIV的宽度大于父DIV的宽喥父DIV的宽度将会被扩展,在其他浏览器中父DIV的宽度将不会扩展子DIV将超出父DIV

这段代码在IE中毫无问题,问题出在其他浏览器中原因是NOTfloatC并非float标签,必须将float标签闭合

45. 单选框、复选框与后面的文字对不齐

现在的业务是这样的:html有多个顶層div这些div的id是唯一的。每个div有大量的html元素如何在指定的顶层div里面快速地找到指定id的元素(就像document.getElementById("")功能)?首先因为div里面不支持getElementById方法,其佽要找的这个元素不知道它任何信息只知道它的Id,如果div里有多个相同id的元素可以返回第一个满足条件的元素

现在我知道IE8以上、firefox都实现叻dom2规范的  querySelector、querySelectorAll原生方法,可以快速通过id找到元素满足要求现在就是IE6/IE7不知道要如何实现,注意:顶层div里会有很多的元素可能有很多层,漫無目的的循环就怕性能太差请大家说说有什么快速定位的方案吗?我看了jquery里的Selector,没怎么看懂好像一到按ID查找就去到document.getElementById的原生方法里去了,泹我要求是只要顶层div里找因为多个顶层div可能会有很多相同的ID的元素,用document.getElementById找的话会找到第一个符合条件元素这不是我想要的。实现意见: 首选IE里的原生方法其次xpath什么的不知道能不能用得上。

我要回帖

更多关于 容器的定义 的文章

 

随机推荐