kostenloser Webspace werbefrei: lima-city


Fixierung mit CSS ?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    n*k

    Hallo

    Ich erstelle eine Page auf der ich die ?berschrift (oben), das menu ( links) und das poll (rechts) fixiert habe. Also
    position: fixed;

    Den Inhalt soll man scrollen k?nnen.. Nur hab ich immer wieder das problem, dass der text vom inhalt sich beim scrollen ?ber die ?berschrift schiebt sodass man nichts mehr lesen kann.

    div#header {
    position: fixed;
    width: 99%;
    height: 20pt;
    margin-top: 0pt;
    border: 1px solid black;
    background-color: green;
    }
    
    div#inhalt {
    width: 67%;
    position: absolute;
    margin-top: 50pt;
    margin-left: 16%;
    border: 1px solid black;
    background-color: red;
    }
    
    div#navi {
    width: 15%;
    position: fixed;
    margin-top: 50pt;
    margin-left: 0;
    border: 1px solid black;
    background-color: yellow;
    }
    
    div#poll {
    width: 15%;
    position: fixed;
    margin-top: 50pt;
    margin-left: 84%;
    border: 1px solid black;
    background-color: yellow;
    }


    P.S.: keine ahnun ob die proportionen stimmen ich wollts nur mal demonstrieren...

    Hat einer eine Idee?

    Gru? und Danke im vorraus
    NGK

    Beitrag ge?ndert am 28.04.2006 17:01 von ngk

    Beitrag ge?ndert am 28.04.2006 17:38 von ngk
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m*2

    Verwende die CSS-Direktive

    z-index: 0;

    Wobei 0 eine beliebige Zahl ist. Wenn zwei Elemente ?bereinander liegen, wird das Element mit dem h?heren z-index angezeigt.

    Also in deinem fall:

    div#header
    {
    [...]
    z-index:5;
    }
  4. Autor dieses Themas

    n*k

    Danke klappt super
    NGK
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!