IE和Firefox兼容性:DIV空白-网页居中

来源:互联网 发布:徐州华道数据要加班吗 编辑:程序博客网 时间:2024/06/09 18:13

又碰到了几个浏览器兼容性问题,这里主要就是说IE和Firefox的差异了;

1. 今天碰到的第一个问题:DIV之间的空白,两个连续的DIV之间,IE没有空白,Firefox则在两个div之间有空白。想想应该是常见的原因,即IE和Firefox对高度的解析不同,设置div的CSS:magin:0px; padding:0px; 然后测试,还是没有解决问题。原来第二个div里面是以p标签起始,再将此<p>设置CSS:magin-top:0px; padding-top:0px;   两个div之间的空白消失了。

2. 第二个问题是Firefox网页居中的问题:

IE下使用text-align:center就可以实现所有元素的居中效果,在Body的text-align为center的情况下
我们在Body中插入下面的HTML代码
<div style="background-color:#006699; width:800px;">文字内容</div>
在IE中,通过背景的颜色差异我们可以明显看到这些元素以居中方式表现出来;


然而在Firefox中,Div是以默认方式居左的,文字则是居中也就是说在Firefox中text-align是真正的只是Text控制而已
要想达到div也居中的话,不仅需要给body设置margin:0 auto; text-align:center;  同时还需要给div添加一个margin:auto;
最终效果是

body {margin:0px auto; text-align:center; padding:0px;}
div { margin:auto;}
<div style="background-color:#006699; width:800px;">文字内容</div>

另外我们还可以通过添加<center>来解决Firefox的居中问题。
<center>
<div style="background-color:#006699; width:800px;">文字内容</div>
</center>

3. 第三个问题是Firefox是否支持<marquee>标记问题,这个问题比较复杂,下面详细介绍:

W3C 标准里面没有marquee标签,但marquee行为在某些地方还是很有用的。IE大行其道,Marquee被网页设计者滥用得太多了,致使Firefox、Opera等浏览器也不得不兼顾这个被大多数网站使用的非标准标签。

虽然Firefox、Opera偶尔也能运行marquee,但大多数情况下,如声明 DOCTPYE为Transitional(或更高)的XHTML,Firfox就不支持,IE还不算做得绝,做得最绝的是Opera,它从骨子里就认为没有marquee!所以目前有IE支持marquee了。不过微软为了符合W3C国际标准,IE8也不支持微软自己的定义的标准:marquee。加了Doctype的Firefox对marquee不支持marquee,firefox好像是不支持动态生成的marquee。看具体html和css情况。因此很多网页设计师转向用javascript 或 flash来实现marquee走马灯动画效果,目的就是兼容所有浏览器。

一、为了在FF和Opera上实现类似marquee的行为,先要了解marquee是怎样的一个行为。

    Marquee特有的属性如下:

    BEHAVIOR:设置或获取文本如何在字幕中滚动。

    值:

scroll Default. Marquee scrolls in the direction specified by the direction property. The text scrolls off the end and starts over.

alternate Marquee scroll direction reverses when its content reaches the edge of the container.

slide Marquee scrolls in the direction specified by the direction property. The text scrolls to the end and stops.

DIRECTION:设置或获取文本滚动的方向。

值:

left Default. Marquee scrolls left.

right Marquee scrolls right.

down Marquee scrolls down.

up Marquee scrolls up.

SCROLLAMOUNT:设置或获取介于每个字幕绘制序列之间的文本滚动像素数。

值:一个整数。Integer that specifies or receives the number of pixels.

SCROLLDELAY:设置或获取字幕滚动的速度,以微秒计算。此值越小,动作就细腻,相当于电影的帖数。

TRUESPEED:设置或获取字幕的位置是否使用 scrollDelay 和 scrollAmount 属性计算,已过的实际时间来自于时钟计时。

Boolean值:默认为false,简单的说,此时scrollDelay的值总是高于60微秒,低于60微秒的也会归于60微秒。如果想得到scrollDelay小于60微秒的行为,就必须设置TRUESPEED为true。

false Default. Marquee computes movement based on 60-millisecond ticks of the clock. This means every scrollDelay value under 60 is ignored, and the marquee advances the amount of scrollAmount each 60 milliseconds. For example, if scrollDelay is 6 and scrollAmount is 10, the marquee advances 10 pixels every 60 milliseconds.

true Marquee advances the pixel value of scrollAmount by the number of milliseconds set for scrollDelay. For example, the marquee would advance 10 pixels for every 6 milliseconds if scrollDelay is 6, scrollAmount is 10, and the value of trueSpeed is true.


 

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 孩子每次写作业都要挨打挨骂怎么办 儿子四岁脾气特别大怎么办呢 月子里屁股被开水烫了怎么办 学生打闹家长只找老师责任怎么办 两个学生打闹受伤的孩子家长怎么办 小孩学习不好做家长的该怎么办 对学习不入门的小孩家长该怎么办 孩子老做作业发神上课不专心怎么办 儿子成绩考得差不专心未来怎么办 五年级学生写字慢又丑怎么办 宝宝上课坐不住不听老师话怎么办 三岁宝宝特调皮打他还还手怎么办 怀孕40天不知道喝酒了怎么办 怀孕四十天的时候喝酒抽烟了怎么办 宝宝怀孕三十天左右喝酒了怎么办 两个人都喝酒了意外怀孕怎么办 不知道自己怀孕了喝了很多酒怎么办 不知道自己怀孕了喝了一次酒怎么办 我儿子11岁了有多动症怎么办 面对老师的冷暴力家长该怎么办? 面对无德的老师家长该怎么办 如果你家长屏蔽老师老师该怎么办 小孩出完水痘后身上出现疱疹怎么办 脑子里兴奋的头疼怎么办 吃什么药 一个月宝宝异常兴奋不睡觉怎么办 四个月宝宝晚上兴奋不睡觉怎么办 20个月宝宝半夜惊醒哭闹怎么办 小孩吃了氨茶碱兴奋不睡觉怎么办 孩子在学校被同学撞鼻骨折怎么办 孩子在学校无意致使同学受伤怎么办 9个月的宝宝吃坏东西腹泻怎么办 8个月发烧到38度怎么办 1岁半宝宝鼻塞发烧38度6怎么办 八个月的宝宝发热38度怎么办 八个月宝宝发热在38度怎么办 8个月孩子发烧38度怎么办 6个月孩子发烧38度多怎么办 7个月孩子发烧38度怎么办 小明上课总是东张西望你该怎么办 初中二年级贪玩游戏说不听怎么办 孩子上课经常和别的同学说话怎么办