position:fixed und anker

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • position:fixed und anker

    Moin,
    folgendes Problem:
    habe eine Seite, auf der die allgemeinen Layout Elemente fixed auf der Seite stehen sollen und nur der Inhalt scrollbar sein soll.
    Soweit so gut, jetzt ist aber auf einer Seite eine Art Subnavigation, mit der in einem Text mehrere Anker angesprungen werden sollen. Diese werden dann ohne das nötige Offset auch angezeigt.
    Hier das online Beispiel...
    die Punkte "Was ist..." & "wie wird"

    Hier der CSS Teil:
    PHP-Code:
     * { padding:0pxmargin:0px; }
     
    htmlbody {
        
    fontnormal 100.01HelveticaArialsans-serif;
        
    colorblack
        
    min-width40em/* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
      
    }
      
    {
         
    /* Positionierung des 'zurueck'-Links */
      
    }

      
    body background-image:url(../myicons/background.gif); background-repeat:repeat-y;
             
    background-attachment:fixed;  }

      
    h1#topHeadline {  border:0px;  height:205px; width:500px; position:fixed;
                        
    left500pxtop:0pxtext-align:lefttext-indent:-5500pxborder:1px solid red;
                        
    background-image:url(../myicons/naturheilpraxis.gif); 
                        
    background-repeat:no-repeat;
                         
    background-position:70pxbackground-color#E0DDD8; }
      
    h2#homoImage { background-image:url(../myicons/homo.gif); 
                     
    background-repeat:no-repeatposition:fixed;
                     
    margin-left44px;  margin-top165pxtext-indent:-5500px;}
     
    /* p#naturheilImg { background-image:url(../myicons/naturheilpraxis.gif); background-repeat:no-repeat; 
                     margin-left: 305px;  margin-top: 90px; text-indent:-5500px;} */
      
    img#logo {  margin-right:83px; } 
      
    {  text-decoration:nonefont-weight:bold}
         
    ul#nav { margin-left:45px; margin-top:185px;  }
         
    ul#nav li {  list-style-type:none; height:57px; width:220px; 
                      
    margin-bottom:0pxpadding-left:0px;}
         
    ul#nav li a { height:35px; width:210px; display:block; text-indent:-5000px;  }
         
    ul#nav li a#home  {background-image:url(../myicons/home.gif);  } 
         
    ul#nav li a#therapie  {background-image:url(../myicons/therapie.gif);  }   
         
    ul#nav li a#kontakt  {background-image:url(../myicons/kontakt.gif);  }
         
    ul#nav li a#impressum  {background-image:url(../myicons/impressum.gif);  }   
         
    ul#nav li a:hover  {background-position:0px 35px;  } 




         
    ul#navig { margin-left:0px; margin-top:142px;  }
         
    ul#navig li {  list-style-type:none; height:10px; width:220px; margin-bottom:20px; }
         
    ul#navig li a { height:28px; width:180px; display:block; text-indent:-5000px; }
         
    ul#navig li a#wasistID  { background-image:url(../myicons/wasist.gif);  } 
         
    ul#navig li a#wiewirdID  {background-image:url(../myicons/wiewird.gif);  }   
         
    ul#navig li a:hover  {background-position:0px 25px;  } 





      #fixiert {
        
    positionabsolute;
        
    top60pxleft0pxright:0px;
        
    width270px;
        
    border0px solid silver;
        
    height100%;
       
      }
    #fixiert2 {
        
    positionabsolute;
        
    top150pxleft270px;
        
    width220px;
        
    border0px solid silver;
        
    height100%;
        
    margin-left: -10px;
        
      }
      
    html>body #fixiert {  /* nur fuer moderne Browser! */
        
    positionfixed;
      }

      
    html>body #fixiert2 {  /* nur fuer moderne Browser! */
        
    positionfixed;
      }
     
    /* html>body #h1 {  
        position: fixed;
      } */
      #fixiert img {
         
    floatright;
      }

      
      
    #Inhalt {
        
    margin-left480px;  width530px;
         
    border:1px solid red;
      }
      * 
    #Inhalt {  /* versteckt vor Netscape 4 */
       /* background-color: #ffffe0;*/
      
    }

      
    #Inhalt h2 {
        
    margin203px 35px 15px;
        
    colorwhite;
        
    font-size:20px;  
        
    font-weight:bold;
      
       }
       
    #Inhalt h4 {
       
    margin: -10px 0px 10px
       
    }
       
       
    #Inhalt h3 {
        
    margin20px 35px 15px;
        
    colorwhite;
        
    font-size:20px;  
        
    font-weight:bold;
      
       }
      
      
    #Inhalt p {
        
    font-size15px;

        
    color#333366;
       
        
    margin-left35px;
        
    margin-right30px;
      }
      

      
    h1 {
        
    border1px ridge gray;
        
    positionabsolute;
        
    float:left;
      
        
      }
    .
    liste {list-style-type:nonemargin-left:40pxmargin-top:10pxmargin-bottom:10px;}
    .
    liste li {font-size:15pxcolor#333366;} 
    Könnte das natürlich mit Javascript ausgleichen, aber vielleicht kennt einer von euch ja ne reine CSS Lösung....
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

  • #2
    bevor du weiter machst. der ie 6 kann kein position: fixed! zur frage: da wirst du um javascript wohl nicht herumkommen.

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Ich weiß, korrigiere auch die Seite nur für einen Bekannten von mir. Er wollte erst mit Frames arbeiten, ich habe ihn dann auf SelfHtml hingewiesen....
      Außerdem besteht das Anker Problem ja auch mit FF, Opera und IE 7
      "I don't want to belong to any club that would accept me as a member."

      Groucho Marx

      Kommentar


      • #4
        such mal nach pageYOffset / document.body.scrollTop / document.documentElement.scrollTop und scrollTo

        gruß
        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          THX, reines CSS kann ich also wohl vergessen?!?
          "I don't want to belong to any club that would accept me as a member."

          Groucho Marx

          Kommentar


          • #6
            http://molily.de/css-position-fixed
            I don't believe in rebirth. Actually, I never did in my whole lives.

            Kommentar


            • #7
              THX, werde ich mich mal durcharbeiten....
              "I don't want to belong to any club that would accept me as a member."

              Groucho Marx

              Kommentar

              Lädt...
              X