文字不是在IE和FF中心对准

作品在Chrome / Safari的罚款,但在FF和IE的最底部黑条的文本(含版权)的文本没有出于某种原因中心对准。

工作示范网址

HTML:

<div class="copyright"> Copyright &copy; 2011 Scirra.com. All rights reserved. </div> </body> </html>

CSS:

.copyright { color: white; text-align:center; background-color: #000000; font-size: 12px; padding: 3px; }

编辑

答解决了走线,但Firefox只有水平滚动的bug: 文字不是在IE和FF中心对准

--------------解决方案-------------

添加overflow: hidden;.footerWrapper类。 该-20px margin-bottom导致移位,其溢出设置为hidden修复它:

文字不是在IE和FF中心对准

[编辑] 文字不是在IE和FF中心对准

您正在使用Mozilla的箱阴影CSS,这导致了水平滚动条。 这是不是一个错误,但导致了问题。

分类:HTML 时间:2012-01-04 人气:180
分享到:

相关文章

  • CSS - 跨浏览器兼容=不同的样式表? 2013-08-25

    我在学习CSS,而设计一个简单的评论系统的过程. 我使用Firefox(4.0beta13pre如果有谁在乎)作为我的主要浏览器,我做的所有测试它. 使一小块用它完美地照顾,我发现了一个形象,不是在铬对齐,比打开Internet Explorer它看起来像完全是垃圾. 那么,这只是一个尝试更难实现兼容事情或者是,即使是简单的系统需要不同的样式表其他浏览器? 谢谢,Fingerman. --------------解决方案------------- 是它只是一个尝试更难实现兼容事 部分,是这种情况

  • 此图像按钮,可再现的CSS跨浏览器? 2014-11-25

    嗨CSS savvies那里! 我得到这个形象,我作为一个提交按钮使用 由于该网站将是多语言的,我不想为每种语言创建不同的图像..所以我想使它成为一个CSS跨浏览器的按钮. 可能吗? 我应该怎么走,因为这是一个稍显吃力按钮. 感谢名单了很多:) --------------解决方案------------- 这是可能的,但不容易. 你可以把它分解成下面的图像: 左上角 右上角 左下角 右下角 左边框 右边框 上边框 底部边框 中央 这就是所谓的"9-补丁"的方法. 然而,你的底边框包含

  • 使用CSS跨浏览器的div居中对齐 2012-10-29

    什么是使一个最简单的方法div的位置relative水平和垂直使用CSS? 宽度和高度div是未知的,也就是说,它应该为每一个div尺寸,然后在所有的主流浏览器. 我的意思是居中对齐. 我想用做水平对齐方式: margin-left: auto; margin-right: auto; 像我一样在这里. 这是水平排列良好的跨浏览器解决方案? 我怎么能这样做垂直对齐方式? --------------解决方案------------- 水平居中只有当元素的可能的width是已知的,其他的浏览器想不

  • CSS跨浏览器的弧形边框 2012-06-04

    什么是定义跨浏览器的CSS / CSS3兼容/有效弯曲边界正确的/最好的方法? 是否有这样做的非JavaScript的方式,而被跨浏览器兼容? 如果没有,有没有合适的解决方法吗? --------------解决方案------------- 你有没有尝试过: -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 一起? 这应该包括在其最新发布的主要浏览器3(至少). 没有JavaScript或使用的图像,

  • 是否有“宽度:-moz-装修的内容;”一个CSS跨浏览器的价值呢? 2012-07-26

    我需要一些div是中心位置的 ,并在同一时间,以适应其内容的宽度. 我现在做这样的: .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #0099FF; color: white; margin: 10px auto; pa

  • CSS跨浏览器的问题 2013-11-05

    IE6,7都givimg我痛心的浏览器上显示. 我没有prblems的Safari也没有FF. 我不是一个CSS专家,需要咨询的IE浏览器此列对齐问题. 我不知道从哪里开始,因为我已经试过搞乱与周围的css文件和CSS浏览器选择器javascript和我仍然无法得到它的工作的IE浏览器. 这些问题我相信各地的ID DOC,BD,蕊为主,锐-B,箱和箱标题中心. 对于原因不明,大小不同的显示在IE浏览器与其他浏览器好. 尺寸的宽度和高度的值是不同的. <body> <div id=&quo

  • 我该如何绘制CSS跨浏览器的垂直文本? 2013-12-22

    我想通过90度旋转文本的一个字跨浏览器(> = IE6,> = FF2,WebKit的). 如何才能做到这一点? --------------解决方案------------- 更新这个答案与最近的信息(从CSS技巧). 荣誉对马特和道格拉斯指出过滤器实现. .rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transfor

  • DOM CSS跨浏览器库 2014-01-16

    我通常使用jQuery,这需要大多数的跨浏览器的痛苦离开工作(虽然不,不幸的是,所有的). 然而,它似乎并没有对操作的CSS DOM的任何支持,而这似乎仍然是一个有点雷区 - QuirksMode有一些信息. 我们的应用程序可以让用户主题的网站,一定程度上通过生成一个CSS样式表,他们选择的颜色. 这是非常简单的,但我想,让他们"预览",它通过直接应用更改CSS DOM,让他们回到其保存到数据库中,并生成CSS文件之前. 有谁知道一个库,这将使跨浏览器的CSS的DOM maniupla

  • 从Javascript CSS跨浏览器的不透明度 2014-01-28

    我想调低不透明的元素,当用户执行操作. 目前我的代码是: document.getElementById('MyOpaqueElement').style.opacity = 0.3; // There are checks in the real code for NULL, etc. 这个工作在Firefox,Safari等IE8有大约透明度不同的想法. 我读了几篇文章,但还没有找到最便携的方法一个明确的答案,为此在一个跨浏览器的方式. --------------解决方案---------

  • CSS跨浏览器支持字体 - 粗体和斜体不工作 2014-08-01

    我有需要使用非默认字体,而不是每个人都有这些字体的网页,所以我使用的CSS的跨浏览器的字体把戏. 代码是这样的 @font-face { font-family: 'Bebas'; src: url('Bebas.eot'); src: local('Bebas'), local('Bebas'), url('Bebas.ttf') format('truetype'), url('Bebas.svg#font') format('svg'); } 现在,这个代码工作完美地与各种不同的字体我都试

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.167 (s). 11 q(s)