Position:absolute i menu.. ???

Jeg vil stærkt mene at det der er fejlen. Prøv at ændre alle dine #menu styles sådan her:



Du har nemlig lavet et style til #menu9 for sig selv hvor koderne er anderledes. Du kunne jo bare sætte #menu9 ind i det overstående style, så burde det virke :)

En ekstra orientering, fejlen ligger i at i dit style hvor alle menuerne (#menu1, #menu2 osv..) der har du en "position: absolute" og i din #menu9 har du "float: right" :)

Hej..
Nej... Det er jo netop det der er problemet..!!
Jeg har jo netop sat id's på li'erne (#menu1:hover ul, menu2:hover ul.. osv) for at kunne style hver enkel.
Ellers kunne jeg jo bare bruge den Css style, som jeg i min Css har sat som kommentar( /*... */), på samtlige ved at ved at sige  :

#HeleMenu li:hover ul {
                margin: 0;
                padding: 0;
                display: block;
                position:absolute;
                     
}

men jeg siger jo netop :

#menu1:hover ul, #menu2:hover ul, #menu3:hover ul, #menu4:hover ul, #menu5:hover ul, #menu6:hover ul, #menu7:hover ul, #menu8:hover ul {
                margin: 0;
                padding: 0;
                display: block;
                position:absolute;
}
Og    :

#menu9:hover ul  {
                margin: 0;
                padding: 0; 
                display: block;
                float: right;
}

For at kunne style #menu9 seperat, den flyder jo ind under MusikVideo'er(#menu8) som den skal, ser du f.eks på Dagens Menu(#menu3) flyder den jo ind under Drinks(#menu4). Men problemet opstår så når jeg sætter "position:absolute;" på BilledBehandling(#menu9), så flyder dropdown menu'en ud af hjemmesiden istedet for ind under MusikVideo'er(#menu8). Har jeg ikke "position:absolute;" på #menu9, udvider div'en sig bare i selve dropdown menu'ens højde. Og BilledBehandling(#menu9)skal også gerne samtidigt flyde ind under MusikVideo'er(#menu8).

Da du formodentlig har set linket i spørgsmålet, prøver jeg at sætte "position:absolute; på BilledBehandling(#menu9), så du kan se, hvad jeg mener med at den flyder ud af hjemmesiden, hvis "position:absolute;" sættes på.

www.thlangs.dk/onsdag/nielserik2/


Her er lige ledes min Html/skabelon  :


<div>
        <ul id="HeleMenu">
            <li id="menu1"> <a href="#">Mine
                            Opskrifter </a> </li>
            <li id="menu2">  <a href="#">Google Kort
                            </a> </li>
            <li id="menu3">  <a href="#">Dagens Menu
                            </a>
                <ul>
                <li> <a href="#">Forretter </a>
                                </li>
                <li> <a href="#">Hovedretter
                                </a> </li>
                <li> <a href="#">Desserter </a>
                                </li>
                </ul>
                        </li>   
            <li id="menu4">  <a href="#">Drinks </a>
                <ul>
                    <li> <a
                                        href="#">Hindbærlikør
                                        </a> </li>
                    <li> <a
                                        href="#">Margarita med
                                        hindbær </a> </li>
                    <li> <a
                                        href="#">Razzmopolitan
                                        </a> </li>
                    <li> <a href="#">Lun
                                        Solbærdrik </a> </li>
                    <li> <a
                                        href="#">Solbærsnaps
                                        </a> </li>
                    <li> <a
                                        ref="#">Solbærmarmelade
                                        med brun rom </a> </li>
                    <li> <a

                                      href="#">Stikkelsbærlikør
                                      </a> </li>
                    <li> <a
                                        href="#">Stikkelsbærsaft
                                        </a> </li>
                    <li> <a href="#">Min
                                        favorit opskrift
                                        (10x2cl) </a> </li>
                    <li> <a href="#">Jordbær
                                        Daquari </a> </li>
                    <li> <a href="#">Jordbær
                                        a la Romanoff </a> </li>
                </ul>
            </li>               
            <li id="menu5">  <a href="#">Bordpynt 
                          </a> </li>
            <li id="menu6">  <a href="#">Downloads 
                          </a> </li>
                    <li id="menu7">  <a href="#">Billeder 
                          </a> </li>
            <li id="menu8">  <a
                          href="#">MusikVideo'er </a>
                <ul>
                  <li> <a href="#">Dansktop
                                        </a> </li>
                  <li> <a href="#">Country </a>
                                  </li>
                  <li> <a href="#">Heavy </a>
                                  </li>
                </ul>
            </li>
                    <li id="menu9">  <a
                            href="#">BilledBehandling </a>
                <ul>
                    <li> <a href="#">Træk i mig -
                                          - Vandret </a> </li>
                    <li> <a href="#">Træk i mig -
                                          - Lodret </a> </li>
                </ul>   
            </li>
             
        </ul>
    </div>
--------------------------------------------------------------

Håber du kan se hvad jeg mener....!!

Prøv at sætte det sådan her op:

Du kan også ændre det med at "BilledeBehandling" ikke flyder over din content med at skrive

Hej..
Brugte din "right: 0;", er bare ikke helt tryk ved den, men den gav det ønskede resultat, jeg tror den er skyld i jeg ikke kan text-align: right; og padding-right: 20px; , når "right er sat til nul"...

Lige et helt andet spørgsmål, hvor ledes får du din kode i de blå kasser her på eksperten.dk...??

Du skriver bare (div)din kode(/div) hvor du bare erstatter () med [] :)

Men er du tilfreds med svaret? Eller vil du gerne have det anderledes? For jeg skal bare vide hvordan jeg får de point der :)

Hej...
fedt!!

Hi hi...ja vi med de små point tal higer jo efter dem.
Du skal få pointene.

#8 Tak :)