2009-10-04 3 views
1

У меня странный эффект:css меню под Google Ads?

alt text http://clip2net.com/clip/m12122/1254677363-clip-11kb.png

Как вы можете видеть, меню идет под знаменем Google. Я ищу что-то, что может помещать меню над баннером. Вы можете видеть этот эффект в прямом эфире: www.forexvirtuel.com.

код выглядит следующим образом:

... 
<div id="navigation"> 
    <ul id="nav"> 
     <li class="page_item page-item-26"><a href="http://www.forexvirtuel.com/les-calculs/" title="Les calculs">Les calculs</a> 
     <ul> 

      <li class="page_item page-item-33"><a href="http://www.forexvirtuel.com/les-calculs/calcul-du-rollover/" title="Calcul du Rollover">Calcul du Rollover</a></li> 
      <li class="page_item page-item-31"><a href="http://www.forexvirtuel.com/les-calculs/calculs-des-gains-et-calculs-pertes/" title="Calculs des gains et calculs pertes">Calculs des gains et calculs pertes</a></li> 
      <li class="page_item page-item-29"><a href="http://www.forexvirtuel.com/les-calculs/prix-d%e2%80%99un-pip-prix-d%e2%80%99un-point/" title="Prix d’un pip (prix d’un point)">Prix d’un pip (prix d’un point)</a></li> 
     </ul> 
    </ul> 
</div> 
<div id="navigation_pub"> 
    <script type="text/javascript"><!-- 
    google_ad_client = "pub-0909660115587797"; 
    /* Forex_Header */ 
    google_ad_slot = "6839564983"; 
    google_ad_width = 728; 
    google_ad_height = 90; 
    //--> 
    </script> 
    <script type="text/javascript" 
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
    </script> 
</div> 
... 

Css:

#navigation 
{ 
    clear: both; 
    float: left; 
    width: 930px; 
    background-image: url(images/header.gif); 
    height: 56px; 
    padding-right: 20px; 
    margin-top: 1px; 
} 

#navigation_pub 
{ 
    clear: both; 
    height: 90px; 
    width: 930px; 
    text-align:center; 
    padding-top:1px; 
} 

Любая идея, как поместить в меню над баннером?

ответ

3

Ну, насколько я могу судить, объявления появляются позже в DOM и поэтому естественно охватывают всплывающий список. Вы должны уметь это переопределять, используя z-index:

#nav li ul { z-index: 1; } 
+0

+1 и принятый ответ. Вы правильно поняли порядок загрузки, и ваше решение работает. Большое спасибо. –

Смежные вопросы