dynamische Navigation / Internet Explorer

Roland Rafael · 14.09.2008, 12:21

Meine dynamische Navigation ( Klappmenü-fixierte Position) funktioniert nicht im Internetexplorer. Ich habe schon verschiedene Codes versucht, leider ohne Erfolg. Das führt mich wieder hier ins Forum, an dieser Stelle möchte ich mich erst einmal für all die guten Ratschläge bedanken, die mir hier gegeben wurden.

Was habe ich falsch gemacht? ( Navigation noch nicht verlinkt )

Link: [Link nur für registrierte Mitglieder sichtbar.]
Code:

HEAD
...

Code:

  <link rel="stylesheet" type="text/css" href="2d-nav.css">

<!--[if IE]><style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]--><!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;} }
</style>
<![endif]-->

...

BODY
...

Code:

<div id="menu">
      <ul>

        <li>
          <ul>

            <li style="width: 164px;"><a href="#">Home
/ Start</a></li>

            <li style="width: 164px;"><a href="#">Kunstgalerien</a>
              <ul>

                <li style="width: 164px;"><a href="#">&Ouml;lgem&auml;lde</a>
                  <ul>

                    <li style="width: 164px;"><a href="#">Symetrischer
Surrealismus</a></li>

                    <li style="width: 164px;"><a href="#">Filigraner
Surrealismus</a></li>

                    <li style="width: 164px;"><a href="#">Fantastischer
Realismus</a></li>

                    <li style="width: 164px;"><a href="#">Magischer
Realismus</a></li>

                    <li style="width: 164px;"><a href="#">Dark
Fiction</a></li>

                    <li style="width: 164px;"><a href="#">&Ouml;lgem&auml;lde
1983-1986</a></li>

                    <li style="width: 164px;"><a href="#">&Ouml;lgem&auml;lde
1986-1988</a></li>

                    <li style="width: 164px;"><a href="#">&Ouml;lgem&auml;lde
1988-1992</a></li>

                    <li style="width: 164px;"><a href="#">&Ouml;lgem&auml;lde
1992-1996</a></li>

                  </ul>

                </li>

                <li style="width: 164px;"><a href="#">Zeichnungen</a>
                  <ul>

                    <li style="width: 164px;"><a href="#">Bleistiftzeichnungen</a></li>

                    <li style="width: 164px;"><a href="#">Aquarell
&amp; Kolorierte Zeichnungen</a></li>

                  </ul>

                </li>

                <li style="width: 164px;"><a href="#">Fresko</a>
                  <ul>

                    <li style="width: 164px;"><a href="#">Wandmalerei - Trompe D'Oeil - Illusionsmalerei</a></li>

                    <li style="width: 164px;"><a href="#">Architektur -
Interieur - Objekte &amp; Rauminstalation</a></li>

                  </ul>

                </li>

                <li style="width: 164px;"><a href="#">Mosaik</a>
                  <ul>

                    <li style="width: 164px;"><a href="#">Mosaik aus Glassmalten, Keramik, Gold, Fliesen und
Edelsteinen</a></li>

                    <li style="width: 164px;"><a href="#">Outdoor: Mosaikkunst an Fassade und Immobilie</a></li>

                  </ul>

                </li>

                <li style="width: 164px;"><a href="#">Landschaft
&amp; Skluptur</a>
                  <ul>

                    <li style="width: 164px;"><a href="#">Naturg&auml;rten - Parklandschaften,
Steinskulpturen</a></li>

                    <li style="width: 164px;"><a href="#">Skulpturen, Plastiken, Statuen, Figuren aus
Kunststeinen</a></li>

                  </ul>

                </li>

              </ul>

            </li>

            <li style="width: 164px;"><a href="#">Informationen</a>
              <ul>

                <li style="width: 164px;"><a href="#">Biographie</a></li>

                <li style="width: 164px;"><a href="#">Philosophie
-
kosmische
Kultur</a></li>

                <li style="width: 164px;"><a href="#">Technik
- Materialien</a></li>

                <li style="width: 164px;"><a href="#">Kontakt
zum
K&uuml;nstler</a></li>

              </ul>

            </li>

            <li style="width: 164px;"><a href="#">Links</a>
              <ul>

                <li style="width: 164px;"><a href="#">Empfehlungen
zu anderen Kunstseiten</a></li>

                <li style="width: 164px;"><a href="#">Kunstportale
/
Kunstforen</a></li>

                <li style="width: 164px;"><a href="#">Roland
Rafael Repczuk im Web</a></li>

              </ul>

            </li>

            <li style="width: 164px;"><a href="#">Impressum</a></li>

          </ul>

        </li>

      </ul>

      </div>

...

Ich bedanke mich bei Euch im Vorraus
Beste Grüße
Roland

-JD- · 14.09.2008, 17:24

Hi Roland,

ich habe die von dir genannte Seite gerade im IE 6 aufgerufen - die Funktion an sich klappt wunderbar. Nur ist die Navigation bei mir teilweise durch das eingebettete Video überdeckt.
Da könnte man leicht durch den Einsatz von verschiedenen Layer-Schichten abhilfe schaffen.

Also einfach die Navigation auf einen höheren Layer schieben:

Code:

 
#menu ul li {
float:left;
width:100%;
z-index:10;
}

Und entsprechend beim DIV für die Inhalte einen niedrigeren Layer angeben (also alles kleiner 10).

Oder liegt das Problem woanders?

Roland Rafael · 16.09.2008, 17:52

ich habe den Code im CSS Code eingefügt, ohne Erfolg. Bei mir wird die Navigationsleiste weiterhin von der Slideshow verdeckt. Bei dir auch? Wo liegt mein Fehler?

Ähnliche Themen für: dynamische Navigation / Internet Explorer
Thema	Autor	Forum	Antworten	Letzter Beitrag
Windows Updates: Internet Explorer 7 startet nicht !?	faulwurf	Software	5	04.02.2007 14:50
Klickgeräusche im Internet Explorer	faulwurf	Software	8	13.12.2004 08:39
Opera oder Internet Explorer	pcfreak	Internet	10	22.04.2004 21:45
Internet Explorer 6: Problem -> Startseite kommt nicht	porschinho	Software	2	05.03.2004 09:04
Alternative zum Internet Explorer	Marquinho	Software	9	27.02.2004 19:35

14.09.2008, 17:24	#2 (permalink)
-JD-	AW: dynamische Navigation / Internet Explorer Hi Roland, ich habe die von dir genannte Seite gerade im IE 6 aufgerufen - die Funktion an sich klappt wunderbar. Nur ist die Navigation bei mir teilweise durch das eingebettete Video überdeckt. Da könnte man leicht durch den Einsatz von verschiedenen Layer-Schichten abhilfe schaffen. Also einfach die Navigation auf einen höheren Layer schieben: Code: #menu ul li { float:left; width:100%; z-index:10; } Und entsprechend beim DIV für die Inhalte einen niedrigeren Layer angeben (also alles kleiner 10). Oder liegt das Problem woanders?

16.09.2008, 17:52	#3 (permalink)
Roland Rafael	AW: dynamische Navigation / Internet Explorer ich habe den Code im CSS Code eingefügt, ohne Erfolg. Bei mir wird die Navigationsleiste weiterhin von der Slideshow verdeckt. Bei dir auch? Wo liegt mein Fehler?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen

dynamische Navigation / Internet Explorer

Programmierung