dynamische navigationsleiste verschwindet hinter pdf embed

[danto86]

hi,

ich hoffe mir kann jemand helfen...

ich habe eine dynamische horizontale navigationsleiste, die auch funktioniert.

nur habe ich jetzt darunter eine pdf datei eingefügt

<embed src="images/tabelle.pdf" width="890px" height="390px">
</embed>

und jetzt ist das menü der navigationsleiste, dass beim darüberziehen der mouse aufklappt, teilweise hinter dem pdf-file....

ich habs mid "z-index" probiert, allerdings bring ichs alleine nicht hin...

jetzt schon vielen dank für eure hilfe...

mfg danto

 

[_Thor_]

Quellcode, Screenshots oder ein Link zum ansehen wäre nicht schlecht, sonst ist die Diagnose etwas schwer.

 

[danto86]

unter B-Jugend sind noch zwei buttons C- und D-Jugend....die hinter der PDF-Tabelle verschwinden

body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #C0C0C0;
     }
    
div#seite {
    width: 1000px;
    margin: auto;
    
    }

div#Rahmen {
    width: 900px;
    padding: 0.5em;
    border: 1px solid black;
    background-color:#EDEDED;
    
    } 

div#Rahmen2 {
    width: 900px;
    height:550px;
    padding: 0.5em;
    border: 1px solid black;
    background-color: #EDEDED;
    margin-top: 0.2em;
    
    
    }
    
* html div#Rahmen {  /* Korrektur fuer IE 5.x */
        width: 48.7em;
        w\idth: 47.1em;
      }
     
div#Rahmen div {
     clear: left;
     }
     
div#Rahmen2 div{
     clear:left;
     
     } 
     
ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    
    }

ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0em 0.45em 0em 0.45em; padding: 0;
    
    
    }
    
* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.3em;
      }
    
*:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
      }

ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 2.0em; left: -0.3em;
    display: none;  /* Unternavigation ausblenden */
    
      }
   
* html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.3em;
    
      }
    
*:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.3em;
      }
    
ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    
    }
    
    
ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0em;
    margin-left: 4.0em;
    
    
      }
  
     
ul#Navigation a, ul#Navigation span {
    color:#C0C0C0;
     
      }
  
  
* html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
      }
    
ul#Navigation a:hover  {
    color: red; 
    
      }
                    
                    
                    
div#RahmenLinks        {
                    padding:0em;
                    border: none;
                    z-index:1;
                    }
                    
               
#spielplan            {                               /* PDF-Datei */
                    margin-top: 0em;
                    position:relative;
                    
                    z-index: 1;
                    width:890px;
                    height:450px;
                    }

die PDF- Datei ist außerdem in <div id="RahmenLinks">


ich kenne auch mein Problem, dass die Buttons die in der Navigationsleiste aufklappen, "absolute" positioniert sind und deshalb aus dem Fluss genommen sind, allerdings schaff ich es nicht anders die Navigationsleiste hinzubekommen!!!!