浮法權不是在谷歌瀏覽器的工作

我試圖將導航鍵的標誌，但谷歌瀏覽器30的右側不接受我的代碼，在這裏，我上傳了我的代碼工作完美的FF 25.0和IE 9 用於測試目的這裏的文件contact us 請檢查Chrome和FF和IE，然後您可以看到問題。這裏是我的HTML代碼浮法權不是在谷歌瀏覽器的工作

<body> 
<div class="container"> 
<!-- Top Navigation --> 
    <div class="codrops-top clearfix"> 
    <span class="right"><a class="codrops-icon codrops-icon-drop" href="#"><span>Back to the Codrops Article</span></a></span> 
    </div> 
    <header> 
    <img src="images/demo4/othermanazeschoollogo.jpg" width="430" height="109" /> 
     <nav class="codrops-demos"> 
    <a href="index.html">Home</a> 
    <a href="http://software.manazeschool.com">Demo</a> 
    <a href="index4.html">Clients</a> 
    <a class="current-demo" href="#">Contact</a> 
     </nav> 
    </header> 
    <form method="post" action="mailsend.php" name="form1"> 
    <table width="57%" border="1" style="text-align:left;">

樣式表代碼 -

/* Header Style */ 
.main, 
.container > header { 
    margin: 0 auto; 
    padding: 0.5em; 
} 

.container { 
    height: 100%; 
} 

.container > header { 
    background: rgba(0,0,0,0.03); 
} 
/* Demo Buttons Style */ 
.codrops-demos { 
    float:right; 
    padding-top: 1em; 
    font-size: 0.9em; 
    position:relative; 
} 

.codrops-demos a { 

    margin: 0.2em; 
    padding: 0.45em 1em; 
    background: #555; 
    color: #fff; 
    font-weight: 700; 
    border-radius: 2px; 
} 

.codrops-demos a:hover, 
.codrops-demos a.current-demo, 
.codrops-demos a.current-demo:hover { 
    opacity: 0.6; 
} 

.codrops-nav { 
    text-align: center; 
} 

.codrops-nav a { 
    display: inline-block; 
    margin: 20px auto; 
    padding: 0.3em; 
}

提前感謝名單

來源

2013-11-09 user2747954

@Adam遺憾地說，但它是OT DOCTYPE的問題，我由於2-小時試圖後解決了這個問題。 – user2747954

我添加這些2

header {overflow: hidden;} 

header img {float: left;}

而且每一件事情在所有的瀏覽器工作正常。

任何方式謝謝你考慮我的問題。

來源

2013-11-09 22:40:03 user2747954

浮法權不是在谷歌瀏覽器的工作

回答

相關問題