Gerold Kumpfhuber: position: fixed

Hallo!
Ich möcht mittels CSS die Navigation so gestalten, dass beim Scrollen die Navigation fixierd ist. Mit:
 #nav {
  position: fixed;
  top:0px; left:0px; width:210px; height:300px;
  background-color: #E0E0E0; visibility: visible; border:none;}

#content {
  position:absolute;
  top:0px;left:220px; width:750px;
  background-color:blue; visibility:visible; border:none;}
hat es nicht funktioniert. Was mache ich falsch?

LG
Gerold

  1. Moin!

    Ich möcht mittels CSS die Navigation so gestalten, dass beim Scrollen die Navigation fixierd ist. Mit:
     #nav {
      position: fixed;
      top:0px; left:0px; width:210px; height:300px;
      background-color: #E0E0E0; visibility: visible; border:none;}

    #content {
      position:absolute;
      top:0px;left:220px; width:750px;
      background-color:blue; visibility:visible; border:none;}
    hat es nicht funktioniert. Was mache ich falsch?

    Du benutzt IE.

    - Sven Rautenberg

    1. Du benutzt IE.

      Vielen Dank für die Antwort.
      Heisst das mit dem IE geht es nicht. Gibt es da andere Möglichkeiten??

      Gerold

      1. Hi Gerold,

        Heisst das mit dem IE geht es nicht.

        Richtig.

        Gibt es da andere Möglichkeiten??

        Ja. Google.

        </archiv/2002/7/16418/>

        LG Roland

        --
        [x] Für das Thema (BARRIEREFREIHEIT) im Forum
        http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
        ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
        (siehe http://emmanuel.dammerer.at/selfcode.html)
      2. Moin!

        Du benutzt IE.

        Vielen Dank für die Antwort.
        Heisst das mit dem IE geht es nicht. Gibt es da andere Möglichkeiten??

        Richtig, dass heißt es. Schreib bei Gelegenheit mal eine Mail an Microsoft, warum das denn immer noch nicht geht (ist schließlich seit Ewigkeiten Standard in CSS), und vergiß dann diese Möglichkeit erstmal.

        Du kannst im IE nichts feststehendes positionieren. Du kannst nur durch

        position:absolute;
        position:fixed;

        für den IE absolut positionieren, und für alle anderen Browser fixiert.

        Und da du selber nicht festgestellt hast, dass es im IE nicht geht, in anderen Browsern aber schon: Lade dir Mozilla und Opera runter, installier sie und teste deine Seiten auch damit. Dann wirst du sehen, was mit CSS alles geht, und wenn du dann den IE anguckst, wirst du etwas weinen wegen der vielen verschenkten Möglichkeiten, die man nur deswegen nicht verwenden kann.

        - Sven Rautenberg

  2. Hi,

    Heißer Tip: www.fabrice-pascal.de
    Da steht auch wie man dem IE beibringen kann das das Menü stehenbleibt...es geht nämlich doch..

    Sven

    1. Moin!

      Heißer Tip: www.fabrice-pascal.de
      Da steht auch wie man dem IE beibringen kann das das Menü stehenbleibt...es geht nämlich doch..

      Gibts da keinen Direktlink. Die Site ist etwas umfangreicher.

      - Sven Rautenberg

      1. Hi Sven,

        Gibts da keinen Direktlink.

        ist das eine Frage. *fg*

        Die Site ist etwas umfangreicher.

        http://www.fabrice-pascal.de/artikel/posfixedie6/

        Wurde hier bereits schon einige Male verlinkt. Wo warst du, Sven? ;-)

        LG Roland

        --
        [x] Für das Thema (BARRIEREFREIHEIT) im Forum
        http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
        ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
        (siehe http://emmanuel.dammerer.at/selfcode.html)
        1. Hallo,

          Gute Frage, wo wart Ihr?
          Das Problem wurde erst kürzlich diskutiert:

          http://forum.de.selfhtml.org/?t=40256&m=220486

          Bei mir funktioniert es jetzt, im Mozilla sowieso, im IE auch (na ja, mit Trick)  und im N 4.75 nur mit Hilfe eines Javascripts.

          Viel Aufwand zur Lösung dieses "einfachen" Problems.

          Grüsse, erika

          PS: Es tut mir leid, wenn ich den Hinweis auf das Forum verlinke,
          gibt es eine Fehlermeldung.
          Hier noch einmal der Versuch:
          [pref:t=40256&m=220486]

          1. PS: Es tut mir leid, wenn ich den Hinweis auf das Forum verlinke,
            gibt es eine Fehlermeldung.
            Hier noch einmal der Versuch:
            [pref:t=40256&m=220486]

            Ich fasse es nicht, jetzt funktioniert der Link ohne Fehlermeldung!
            Na dann gute nacht
            erika

            --
            Hauptsache dem Hund geht's gut
            1. Hallo erika,

              [pref:t=40256&m=220486]
              Ich fasse es nicht, jetzt funktioniert der Link ohne Fehlermeldung!

              vielleicht das gleiche Problem wie in [pref:t=40310&m=220868]?

              Grüße aus Nürnberg
              Tobias

              --
              sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
              (Selfcode -> http://emmanuel.dammerer.at/selfcode.html)
              1. Hallo Tobias,

                [pref:t=40256&m=220486]
                Ich fasse es nicht, jetzt funktioniert der Link ohne Fehlermeldung!
                vielleicht das gleiche Problem wie in [pref:t=40310&m=220868]?

                Danke für den Hinweis. Nur: Man möchte doch in der Vorschau sicherheitshalber ausprobieren, ob die Adresse wirklich stimmt. Aber das geht dann eben nicht.

                Einen schönen Tag wünscht
                erika aus Neubrandenburg

                --
                Hauptsache dem Hund geht's gut
                1. Hallo erika,

                  vielleicht das gleiche Problem wie in ?t=40310&m=220868?
                  Danke für den Hinweis. Nur: Man möchte doch in der Vorschau sicherheitshalber ausprobieren, ob die Adresse wirklich stimmt. Aber das geht dann eben nicht.

                  Das Problem ist bekannt: http://cforum.teamone.de/phpbt/bug.php?op=show&bugid=98
                  da steht zwar, dass es gefixed ist, aber es funktioniert eben trotzdem noch nicht (auch nicht in http://cforum.teamone.de/forum/. Aber eigentlich sieht man ja, obe es ein Link ist, man muss eben nur den richtigen kopieren :-)

                  Grüße aus Nürnberg
                  Tobias

                  --
                  sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
                  (Selfcode -> http://emmanuel.dammerer.at/selfcode.html)