2015-11-20 47 views
-1

我有一個奇怪的問題。我編碼了兩個頁面,它們是標題(菜單)和滑塊。標題爲了居中,顯示爲一個表格,Slider作爲一個塊顯示。表格div下的塊div

我得到的問題是,當我包含與我的兩個div(這是在分離的文件),塊div(滑塊)出現在表div(菜單)前,你可以看到:

http://test.brunotarhan.fr/home(2).php

代碼:

http://codepen.io/anon/pen/qOwNdz

<div id="bg"> 

<div id="menu"> 
<div class="table"> 
<ul> 
    <li class="navitem"><a href="#">Portfolio</a> 
    <ul> 
     <li><a href="#">Logotypes</a></li> 
     <li><a href="#">Mise en pages</a></li> 
     <li><a href="#">Photographie</a></li> 
     <li><a href="#">Autre...</a></li> 
    </ul> 
    </li> 
    <li class="navitem"><a href="#">Projets</a> 
    </li> 
    <li id="logo"><a href="http://test.brunotarhan.fr/"><img src="http://test.brunotarhan.fr/img2015/LogoSite.png" width="268" height="190"></a></li> 
    <li class="navitem"><a href="#">A propos</a></li> 
    <li class="navitem"><a href="#">Contact</a></li> 
</ul> 
</div> 
</div> <br> 
<link rel="stylesheet" href="style2015.css" /> 

<div class="table" id="slider"> 
<ul> 
     <li class="fg"></li> 
     <li><a href="#"></a></li> 
     <li class="fd"><a href="#"></a></li> 

</ul> 
</div></div> 
+0

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。請參閱[**如何創建最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –

回答

1

的#menu div有30像素的高度。裏面的桌子有更大的高度,所以它溢出了div,但是這並不改變下面#slider div的垂直位置。因此#slider div與大部分表格重疊。

解決方案:不要給#menu 30px的高度。