Jørgen Farum Jensen forklarede:
> Henning Smed skrev:
>
>>> Stakkeordenen for elementerne på en webside er, at det
>>> element der kommer først i kildekoden har den laveste
>>> værdi. Derfor dækker din nederste menu over undermenuerne
>>> til den øverste. Stakkeorden kontrolleres med z-index.
>>> --
>>>
>> Tak for dit svar Jørgen.
>> Jeg har indsat z-index og forsøgt med værdierne 3 og 5, desvære løser det
>> ikke mit problem, kan årsgen være at de 2 menulier er i forskellige
>> elementer?
>> Elementerne på siden indlæses:
>> <div id="border-box">
>> <div id="text-box">
>> <div id="navlist" align="left">
>> (indeholder drop down menuen)
>> </div>
>> <div id="pagenavlist" align="left">
>> (indeholder menuen som skal være under drop down)
>> </div>
>
> Der er hos mig ingen tvivl om at det er
> z-index egenskaben, du skal have fat i.
> Så dersom undermenuerne i #navlist har en
> højere værdi end div'en #pagenavlist vil
> undermenuerne også dække over #pagemenulist.
>
> Men jeg har muligvis rodet lidt rundt i hvilke
> elementer der er tale om. z-index virker kun på
> elementer, der er indeholdt i et fælles forældre
> element.
>
> Dette er her #text-box. Så jeg ville prøve
> #text-box #navlist {
> z-index:5;
> ...}
> #text-box #pagenavlist {
> z-index:3;
> ...}
>
> Jeg overså at #pagenavlist er både floatet
> og relativt positioneret (hvorfor), hvorfor
> det også skal have en z-index værdi.
>
> Jeg ved heller ikke hvad du vil opnå med
> align="left" som attribut til disse to div'er.
> float:left er alt rigeligt til at få dem
> venstrestillede.
Ud over at det er sammenblanding af CSS og HTML "udlæg" (design?),
hvilket vel i sig selv ikke kan medføre andet end bøvl, så gælder float
for elementet selv, mens align kun påvirker indholdet...
Deudover, så forstår jeg ikke hvad det handler om.
Siden på det givne link, fungerer fint her, både i IE8 og FF3.6
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk