Andi77: Fixierte Navigation

SELF-Forum

Fixierte Navigation

Andi77
– Informationen zu den Bewertungsregeln

Hallo ,

habe ein Problem mit dem Beispiel:

http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel_self.htm

möchte das so verändern das im Internet Explorer das Menü fest stehen bleibt beim scrollen wie z.B. im Firefox.

Praktisch so wie hier:

http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel6.htm

Bekommen das einfach nicht auf die Reihe,evt. kann mir da bitte
jemand weiter helfen , Danke

MfG

Andi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Fixierte Navigation

    wucher wichtel
    – Informationen zu den Bewertungsregeln

    Hallo!

    Bekommen das einfach nicht auf die Reihe,evt. kann mir da bitte
    jemand weiter helfen , Danke

    Nur wenn du uns folgende Dinge verrätst:

    * Woran bist du gescheitert?
     * Hast du Fehlermeldungen bekommen?
     * Wie sieht der Quelltext aus?
     * Hast du evtl. sogar einen Link?

    Dann können wir dir schon helfen, aber ohne jegliche Informationen geht das eben nicht.

    ciao, ww

    --
    sh:(  fo:|  ch:~  rl:(  br:>  n4:~  ie:%  mo:)  va:)  de:]  zu:)  fl:(  ss:|  ls:~  js:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Fixierte Navigation

    Cyx23
    – Informationen zu den Bewertungsregeln

    Hallo,

    möchte das so verändern das im Internet Explorer das Menü fest stehen bleibt beim scrollen wie z.B. im Firefox.

    Also position:fixed;.

    Bekommen das einfach nicht auf die Reihe,evt. kann mir da bitte
    jemand weiter helfen , Danke

    Wobei konkret helfen? Ohne weitere Informationen schwer, vielleicht
    sind diese Beispiele noch informativ für dich:
    Zwei Spalten Layout, Position Fixed per CSS
    Beim IE 7 gibts zwar eine Unstimmigkeit, dein Problem sollte das aber
    nicht betreffen.

    Hast du denn bei dem ersten Self-Beispiel mal nachgeschaut, wo die
    Navigation im HTML-Code steht?
    Hast du schon versucht, die Liste <ul id="menu"> aus dem
    "content_container" herauszunehmen, und woanders unterzubringen?

    Grüsse
    Cyx23

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Fixierte Navigation

      Andi
      – Informationen zu den Bewertungsregeln

      Hallo,

      möchte das so verändern das im Internet Explorer das Menü fest stehen bleibt beim scrollen wie z.B. im Firefox.

      Also position:fixed;.

      Bekommen das einfach nicht auf die Reihe,evt. kann mir da bitte
      jemand weiter helfen , Danke

      Wobei konkret helfen? Ohne weitere Informationen schwer, vielleicht
      sind diese Beispiele noch informativ für dich:
      Zwei Spalten Layout, Position Fixed per CSS
      Beim IE 7 gibts zwar eine Unstimmigkeit, dein Problem sollte das aber
      nicht betreffen.

      Hast du denn bei dem ersten Self-Beispiel mal nachgeschaut, wo die
      Navigation im HTML-Code steht?
      Hast du schon versucht, die Liste <ul id="menu"> aus dem
      "content_container" herauszunehmen, und woanders unterzubringen?

      Grüsse
      Cyx23

      Hallo ,

      beschäftige mich nur ab und zu mit html ect , will das ewtwas mehr lernen.

      Also so sieht die Ausgangspostion aus:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
       <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
       <title>index</title>
       <link rel="stylesheet" media="all" type="text/css" href="self.css">
      </head>
      <body>
       <h1 id="header">Willkommen </h1>

      <div id="content_container">

      <ul id="menu">
         <li id="active">Startseite</li>
         <li><a href="1.html">1</a></li>
         <li><a href="2.html">2</a></li>
         <li><a href="3.html">3</a></li>
         <li><a href="4.html">4</a></li>
         <li><a href="5.html">5</a></li>
        </ul>

      <div id="content">

      <p align="center"><img style="width: 652px; height: 233px;" alt="" src="falke.gif"></p>

      </div>
       </div>

      <div id="footer">
        <b>Hier k&ouml;nnte ein Urheberrechts-Hinweis stehen...</b>
       </div>

      </body>
      </html>

      Das wäre die Indexseite mit Bildchen , die self.css hab ich wie im Muster erster Link verwendet.
      Die Seite 2.html ist wie die index.html nur halt Menü angepasst und mit viel Text zum scrollen.
      Im Internet Explorer bleibt das Menü beim Scrollen mit diesem Code nicht stehen.
      Hab z.B.versucht das Menü aus dem ="content_container" zu nehmen und in ein eigene zu stecken ging aber dann nicht.

      Anscheinend hab ich da wo ein gro?en Denkfehler

      evt. kann mir trotzdem einer sagen wie ich das Menü ein bzw. umpacken muss :-)

      MfG

      Andi

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Fixierte Navigation

        Cyx23
        – Informationen zu den Bewertungsregeln

        Hallo,

        beschäftige mich nur ab und zu mit html ect , will das ewtwas mehr lernen.

        wirst du wohl auch nicht ganz herum kommen, zumal hier auch der
        "self"-Gedanke etwas hochgehalten wird...

        Hab z.B.versucht das Menü aus dem ="content_container" zu nehmen und in ein eigene zu stecken ging aber dann nicht.

        Was ging dann nicht?

        Probier es halt nochmal aus, vielleicht einfach ohne Container:
        </h1>
        <ul id="menu">
        ....

        Dann must du noch das CSS anpassen, beim IE ist bei dieser Lösung u.U. ein Problem, dass das Menu nicht überlagert werden darf, und
        dass du nicht per z-index korrigieren kannst. So könnte es schon
        halbwegs funktionieren:

        #menu { float:left; position:fixed;top:10%}
        * html #content {margin-left:0;}
        * html #menu li a {width:8em}

        Wenns schonmal grundsätzlich richtig läuft bleibt noch Anpassen der
        Abstände usw. und Browser testen, z.B. auch mal Opera 9.

        Grüsse

        Cyx23

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln