Avatar billede vifa Novice
19. august 2011 - 15:26 Der er 10 kommentarer og
1 løsning

Problemer med div og min menu

Hej,

Jeg har en side jeg har sat op med fire div'er: En banner-, menu-, indhold- og bund-div.

Menuen har jeg lavet som en dropdown menu, der folder sig ud nedad når man holder musen over. Det siger sig selv at denne gerne skulle ligge 'øverst' hele tiden, derfor har jeg i min css style sat en z-index ind.

Nu er problemet, at på en af siderne bliver der loaded noget indhold som består af en table; og denne table overskygger menuen når den folder sig ud. Jeg har prøvet at sætte en z-index på pågældende table, men det virker ikke.


Any suggestions ?
Avatar billede majbom Novice
19. august 2011 - 16:30 #1
sæt z-index på din menu højere...

evt. smid lidt kode, eller endnu bedre; et link til siden...
Avatar billede vifa Novice
19. august 2011 - 17:41 #2
Det virker nemlig ikke at sætte z-index højere på min table.. har jeg prøvet...


Fra min CSS style:
.menu
{
    z-index: 30;
    width: 100%;
    height: 22px;
    margin: 0 0 1% 0;
    background-color: #24437c;
}

.indhold
{
    width: 96%;
    min-height: 350px;
    padding: 1% 2% 0 2%;
    z-index: 31;
}

table.kontakt
{
    width: 70%;
}

table.kontakt td
{
    padding-bottom: 2%;
}

table.kontakt td.venstre
{
        width: 20%;
}

table.kontakt td.hojre
{
    width: 30%;
    text-align: left;
}



------------------------------------------

Det er den table der hedder kontakt der driller mig.. Den overskygger hele tiden min menu...
Avatar billede majbom Novice
19. august 2011 - 20:35 #3
ligger kontakt-tabellen i indhold-div'en? i så fald skal indhold-div'en have et mindre z-index end menu-div'en
Avatar billede vifa Novice
19. august 2011 - 21:31 #4
Jeg har sat den til 29 nu, men det gør ingen forskel.. :/
Avatar billede vifa Novice
19. august 2011 - 21:32 #5
... og ja, kontakt tabellen ligger i indhold-div'en.
Avatar billede webweaver Praktikant
20. august 2011 - 02:38 #6
Smid et link, så man kan se ordentligt, hvordan det er bygget op :)
Avatar billede vifa Novice
20. august 2011 - 11:53 #7
Her er et billede af selve siden:

http://imageshack.us/photo/my-images/40/kontaktbt.jpg/


Menuen kommer hele tiden til at ligge bagved det indhold der er i min table lige meget hvad jeg sætter z-index til.
Avatar billede webweaver Praktikant
20. august 2011 - 12:25 #8
Kan ikke bruge et billede til noget ...
Avatar billede Slettet bruger
20. august 2011 - 12:38 #9
z-index har ingen effekt, medmindre position er specificeret.
- f.eks. position:relative
Også selvom du ikke "udnytter" det (ændrer på elementets position, relativt)
Avatar billede olebole Juniormester
20. august 2011 - 14:56 #10
<ole>

Hvis du vil have hjælp til at lave et billede, er det helt fint at vise et billede.

Ønsker du derimod hjælp til noget webkode, må du lægge et link til siden, du ønsker hjælp til  =)

/mvh
</bole>
Avatar billede vifa Novice
20. august 2011 - 19:10 #11
Jepper .. det virker !
Tak for det... Har lige smidt en position: relative på både indhold- og menu div'en..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester