css IE和firefox问题
我有一个按钮,我想要在屏幕上的某个位置。问题是在 Firefox 中它有点向上,而在 IE 中它有点向下。我能做些什么?
.btn1{
clear: both;
margin-top: 4%;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 740px;
}
I have a button which I want at a certain poistion on the screen. Problem is in firefox its a little up and in IE its a little down. What can I do?
.btn1{
clear: both;
margin-top: 4%;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 740px;
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
您看到浏览器之间存在差异的原因是因为您使用的是 %。 % 在不同浏览器之间的计算和舍入方式不同。尝试使用 px 或 pt
The reason you are seeing differences between browsers is because you are using %. % is calculated and rounded differently between different browsers. Try using px or pt
制作一个普通的样式表,使其仅在 Firefox 上运行。然后,执行以下操作:
将此样式表设为 IE 特定的样式表,以便该框在 IE 上看起来正确。
Do a normal stylesheet that makes it work on just Firefox. Then, do this:
Make this stylesheet a specific one for IE, so that the box looks correct on IE.
将其放在页面顶部:
Put this at the top of the page:
你的 HTML 代码中有这个吗?
使用指定的样式表:
您知道可以使用:
margin: 4% 0px 0px 760px;
吗?如果你想让某些东西水平居中,请使用:
margin: 0px auto;
。因为 760px 可能会在较低/较高的分辨率下崩溃。Have you in your HTML code this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Use specified stylesheets:
<!--[if IE]>
<link rel="stylesheet" href="ie.css" />
<![endif]-->
Do you know that you can use:
margin: 4% 0px 0px 760px;
?If you want to make something horizontally-center use:
margin: 0px auto;
. Cause 760px may crash in lower/higher resolutions.你需要使用“CSS重置”......谷歌:-)
每个浏览器都有自己的默认 CSS,这就是问题所在;-)
You need to use a "CSS reset"... Google for it :-)
Every Browser has his own default CSS, thats the problem ;-)