CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

nemlig Professor

09. august 2014 - 20:14 Der er 4 kommentarer og
1 løsning

Centrering af topmenu

Hejsa.
Jeg har en side, hvor jeg ønsker at indsætte et menusystem 65px fra toppen og vandret-centreret.

Den vandrette centrering driller mig.
Min CSS til placeringen ser sådan her ud:

#menu{
position: absolute;
top: 65px;
margin:0px auto;
width: 600px;
}

og jeg kalder den med:

<div id="menu">

Ovennævnte kode placerer menuen 65px fra toppen, men helt til venstre i det element, hvor jeg kalder #menu

Synes godt om

jakobdo Ekspert

09. august 2014 - 20:46 #1

Hvad hvis du nøjes med "menu" med dette css:

#menu{
margin:65px auto;
width: 600px;
}

Synes godt om

keysersoze Guru

09. august 2014 - 20:56 #2

enig - som udgangspunkt giver det ingen mening at bruge absolut positionering, det vil man netop bruge til at placere elementet absolut. skal du bruge position fx pga indre elementer så sæt den til relative i stedet.

Er absolut påkrævet så sæt left til 50% og sæt en negativ venstre margin.

Synes godt om

nemlig Professor

09. august 2014 - 21:19 #3

Tak for tippene. Men jeg kan ikke få det til at spille korrekt.

Hvis en af jer har tid, kan I måske kigge på denne side:

www.børgelund.dk, som jeg lige har lagt nyt menusystem på, og som jeg gerne vil have til gå lidt op i topbanneret (62px fra toppen) og vandret centreret.

Det virker umiddelbart, men hvis browservinduet bliver smallere, så sker centreringen ikke korrekt.

Synes godt om

keysersoze Guru

10. august 2014 - 00:01 #4

Du har så heller ikke en eneste af de muligheder der er blevet foreslået samtidig med at du har sat flere attributter og andre værdier på hvilket giver andre forudsætninger.

left: 50%;
margin-left: -207px;
position: absolute;
top: 62px;
width: 415px;

Synes godt om

nemlig Professor

10. august 2014 - 09:09 #5

Tak for løsningen.
Jeg havde faktiske prøvet begge løsninger, men tror nogle ekstra parametre drillede.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS