0

我正在为客户开发一个微型网站，一切正常，除了当我尝试在 Firefox 上查看它时，我对放置错误的东西的样子感到惊讶..即使我在 Firefox 中禁用了水平滚动仍然可以做到（看不到水平滚动，但如果你水平滚动它会显示），即使 webfont 也不同，尽管 webfont 在其他页面的 firefox 上完美显示..第三个问题是页面上边距，在页面属性我将边距指定为 0，并且在 safari 中它有效，但在 Firefox 中它没有。谁能告诉我该怎么做..我只有一个简单的菜单栏和缓动（animate2id）插件，这可能会导致问题吗？在 Safari 中，它看起来是我想要的样子..提前谢谢..也许我应该提到我'

这是以防万一的代码..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Annual Report 2012</title>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href="micro-site.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #39949C;
overflow-x: hidden;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>


<link href="muli-fontfacekit/stylesheet.css" rel="stylesheet" type="text/css" />

<body leftmargin="0" topmargin="0">


<div id="rotator-controls" class="panel span2">
<div id="rotator-slides">
<a class="" href="micro-site.html" onclick="Animate2id('.slide-content'); return false" title="Go to 1st content with the default easing">1</a>

<a class="" href="#slide-content2" onclick="Animate2id('#slide-content2','easeInOutExpo'); return false">2</a>

<a class="" href="#slide-content3" onclick="Animate2id('#slide-content3','easeInOutExpo'); return false">3</a>

<a class="" href="#slide-content4" onclick="Animate2id('#slide-content4','easeInOutExpo'); return false">4</a>

<a class="" href="#slide-content5" onclick="Animate2id('#slide-content5','easeInOutExpo'); return false">5</a>
</div>

<div id="rotator-nav">

<a href="#" class="prev">‹&lt;/a>
<a href="#" class="next">›&lt;/a>
</div>
</div>

</div><!--end of header -->

</div><!--end of slide-container -->
</div><!--end of body -->


<div id="Sitemap"></div>


</div><!--end of container -->

</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",     {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
function Animate2id(id,ease){ //the id to animate, the easing type
    var animSpeed=2000; //set animation speed
var $container=$("#slide-container"); //define the container to move
if(ease){ //check if ease variable is set
    var easeType=ease;
} else {

    var easeType="easeOutQuart"; //set default easing type
}
//do the animation
$container.stop().animate({"left": -($(id).position().left)}, 2000, easeType);
}
</script>
4

0 回答 0