Z-Index Problem

  • hallo,

    so langsam denke ich, ich sehe den wald vor lauter bäumen nicht mehr. ich habe folgendes problem. ich bekomme im fuchs keine ebene mit position: absolute unter einer anderen div. egal wie ich mit den z-index werten spiele. sei es 1 und 2 oder - 1 und 0. niente. habe bei der suche auch leider nichts gefunden. hat vielleicht jemand einen tipp? :(

    http://emjaypix.de/zindex/

    ich benutze den ff 1.0.1

    lieben gruss,
    marco

  • Zitat von bugcatcher

    Tipp... der Body selber hat z-index:0; .... wenn du irgendeinen layer auf -1 setzt, liegt dieser layer HINTER/UNTER dem body.

    IE ist zu doof, der kann sowas mit -1 nicht.

    hallo bugcatcher,

    wieder was dazu gelernt, das mit den negativen werten im ie wusste ich noch nicht.

    also müsste ich es so setzen?

    #content {
    width: 756px;
    background-color: #ffffff;
    z-index: 2;
    }


    #headerbg {
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:190px;
    background-color: #000000;
    z-index: 1;
    }

    dann wäre der body auf 0 der headerbg auf 1 und darüber der content auf 2. oder habe ich jetzt erneut einen denkfehler! *kopfkratz*


    gruss
    marco

  • z-index funktioniert nur in kombination mit position-angaben.

    deinem #content fehlt noch:

    Code
    left: 0px;
    top: 0px;
    position: absolute;

    wenn es kein layer ist, kann es auch nicht irgendwo in der höhe verschoben werden. ; )

    ohne die angabe hat #content die selbe höhe wie der body. und der ist halt unter dem #headerbg (z-index:2). : )