[Løst]Trenger hjelp med å få CSS-dropdown-meny til å vises riktig

[Rognalf]

Jeg har med god suksess fått til å lage en dropdown-meny etter min smak (links). Problemet er dog at alt innholdet under flytter seg når den utvides. Hvordan får jeg innholdet under "links" til å forbli på sin plass når denne utvides?

 

Hjelp mottas med stor takk

 

Siden: http://rognalf.com/v2/

 

Stilarket: http://rognalf.com/v2/stil.css

Endret 4. januar 2009 av Rognalf

[Rognalf]

bump, trenger visst hjelp allikevel

[mikk-]

ul#menu li:hover ul {

Her slenger du på position:absolute;. Dette "løsriver" elementet fra sideflyten.

 

 

Og forresten, lurer på om "hover" ikke burde stå på et a-element for kompatibilitet med IE. Mulig det bare er for IE6, kan hende de har fikset det i IE7.

[Rognalf]

Takk, men nå forsvinner dropdown-menyen helt til venstre, selv om jeg har satt "float: right".

[mikk-]

Som sagt går elementet ut av sideflyten (altså bryr det seg ikke lenger om posisjonen til andre element, kan du si). Derfor fungerer ikke "float"-egenskapen lenger.

 

Med position lik absolute besetemmer du posisjonen i forhold til viewport, dvs vha egenskapene "top" og "left" (avstand til toppen og venstre). Når siden din er midtstilt, bør du sette "left" til "50%" og deretter sette på en margin-left.

 

Forstår hvis dette høres forvirrende ut, men prøv å sette på noe slikt:

top: 50px;
left: 50%;
margin-left: 250px;

 

Juster på top og margin-left.

[Rognalf]

Jeg skjønner ikke helt hvor marginen og left-verdien går ut fra, og jeg skjønner ikke helt hvorfor det funker når top er 50px og 28px, men ikke når den er 30px.

 

Uansett virka koden hvertfall slik som jeg ønsket, tusen takk for hjelpen

[mikk-]

Left setter bare "utgangspunktet" til midten av skjermen, og marginen angir avstanden herfra. Om top på 30px ikke fungerer, så skjønner ikke jeg det heller.

 

Ingen problem, flott at du fikk det til.