-1

私はYahooCSSリセットを使用しており、すべてのCSSはemsのような相対的な測定値ではなくピクセル値を使用しています。Chromeでは、フォームを含むdivの右下隅がFireFoxの場所からシフトしていることがわかります。

それをチェックしてください：http： //jsfiddle.net/rhewitt/anMmX/

クロム： クロム

FireFox FireFox

/*header style*/
html{
background:url(../Images/textureslice.png) repeat;
}

body {
font-family:Georgia;
color:#93b9bb;
}

/* Links */
li a{
color:#93b9bb;
text-decoration:none;
}

li a:hover {
text-decoration:underline;
color:#6b8f91;
}

/* Navigation Structure */
#nav {
width:920px;
margin:auto;
text-align:center;
padding-top:120px;
list-style-type:none;
}

#outterBox li{
display:inline-block;
padding:0 50px;
position:relative;  
}
#linksLeft{
float:left;
border-top:3px solid #93b9bb;
border-bottom:3px solid #93b9bb;
margin:60px 0 0 25px;
padding:5px 0;
}   

#linksLeft li ul {
background-color:#93b9bb;
margin-top:10px;
border-radius:6px;
}

#amy {
clear:both;
font-weight:bold;
letter-spacing:6px;
font-size:120%;
}
#talent{
font-size:70%;
}
#logo {
    float:left;
background:url(../Images/logocropped.png) no-repeat;
height:134px;
width:160px;
}

#linksRight{
float:left;
border-top:3px solid #93b9bb;
border-bottom:3px solid #93b9bb;
margin-top:60px;
padding:5px 0;
}

/* Subnavigation menu */
#linksLeft li ul li {
display:block;
padding:10px 15px;
text-align:left;
}

#subNav a{ 
color:#FFF;
}

#subNav {
position:absolute;
left:10px;
top:15px;
z-index:999;
}

#subnavborder {
margin:10px 10px;
border: 6px solid white;
border-radius:6px;
}
#nav ul ul {
display:none;
}

#nav ul li:hover > ul {
display:block;
}
4

2 に答える 2

0

ブラウザーのテキスト サイズが > 100% に設定されました (ページのズームではありません)。これにより、私のマシンでレンダリングが不安定になり、他の人が複製できなかった理由も説明されています。

于 2013-02-26T23:27:45.540 に答える
-1

私も違いを再現できません。

クロムでキャッシュをクリアしましたか？shift+f5 でリロードしてみてください。

2 番目のスクリーンショットのように見えるはずです。

http://jsfiddle.net/xLTE4/

ボタンの css right プロパティを調整すると、両方のブラウザで問題なく動作するはずです。少なくとも、私の側では動作します。

また、すべてを絶対に配置せずにこのレイアウトを行うことも検討してください。

#submitBtn{
    position:absolute;
    right:45px;
    top:430px;
    width:80px;
}
于 2013-01-05T01:21:52.043 に答える