Div-layer går ind over div-layer, så menuen ikke kan bruges

Brug z-index i din CSS:

            #menu {
                position:relative;
                width:150px;
                margin-right: 7px;
                padding:7px;
                text-align:left;
                background-color:#3E6E9D;
                                z-index:1;
            }

Info om z-index: http://www.w3schools.com/css/pr_pos_z-index.asp

Men det virker også med position:relative?

/theSurfer

z-index værdien skal bare være højere end de layers de skal være foran.

Hvis "main" er z-index:10, skal "menu" mindst være z-index:11.

/theSurfer

Kan du ikke hurtig forklare z-index? Er det for layeret skal ligge?

"Men det virker også med position:relative?"
Hvad mener du med det?

Hvis du kigger på linket http://www.w3schools.com/css/pr_pos_z-index.asp vil du kunne se, at der står:

"Note: Z-index only works on elements that have been positioned (eg position:absolute;)!"


/theSurfer

Ahh.. der står ikke, at det KUN er "absolute".. der står bare, at det skal være positioned.. :-)

/theSurfer

Altså jo højere z-index er jo længere fremme vil layeret være?

Yeps.

Jo højere value, jo "tættere" på brugeren..

Hvis du f.eks. sætter din venstre hånd op, ca 30 cm fra dig, og derefter sætter højre hånd op, 10 cm fra dig, så har din højre hånd en højere z-index.

- Smider lige et svar.

/theSurfer

Doh! :-)

/theSurfer

Yes, tusind tak for hurtigt svar :)

Det var så lidt.. hav en god dag :-)

/theSurfer

Hmm.. "uden fejl i forskellige browsere".. Har du testet siden med Opera?
Linksne er ikke klikbare..

/theSurfer