---

Hej

Jeg skal bruge en dynamisk menu på denne side
http://adm.aau.dk/fak-tekn/dnftestweb/

Menu har jeg fundet et sted da jeg ikke selv kan lave den, den fungere i IE
7 men ikke i Firefox og Google Chrome
teksten i DIV'en under menuen flytter sig når menuen folder sig ud

Hvad kan jeg gøre?

Lars

---

Nederbasse wrote:

> http://adm.aau.dk/fak-tekn/dnftestweb/
>
> Menu .... fungere i IE 7 men ikke i Firefox og Google Chrome

Jo, den fungerer der også

> teksten i DIV'en under menuen flytter sig når menuen folder sig ud

Øg padding-top på #indhold til 40px;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

SNIP
>> teksten i DIV'en under menuen flytter sig når menuen folder sig ud
>
> Øg padding-top på #indhold til 40px;
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://ginnerskov.dk
> http://vestfynswebdesign.dk - http://html-faq.dk

Jeg tror ikke det er den rigtige løsning
Her fundet den menu jeg har brugt og den virker også i Firefox
http://www.webdesign101.dk/www/cssmenu/dynamic_lists/eksempel1.html

Lars

---

Nederbasse skrev:

> Jeg tror ikke det er den rigtige løsning
> Her fundet den menu jeg har brugt og den virker også i Firefox
> http://www.webdesign101.dk/www/cssmenu/dynamic_lists/eksempel1.html
>

Dit problem er at undermenuerne ligger i
samme "lag" som sidens øvrige elementer.
Når undermenuerne så vises skubber de
til de elementer, der følger efter i kilde-
koden.

Problemet løses ved at give menuen
en absolut position. I eksemplet er
det formdeklarationen

div#menu {
position: absolute;
width: 600px;
top: 10px;
left:40px;
z-index: 3;}

der sørger for det.

Men jeg må sige at jeg ikke forstår
hvorfor du griber til det måske mest
kluntede eksempel jeg har, når jeg
præsenterer så mange andre og langt
mere elegante løsninger. Læs for
eksempel artiklen:
http://webdesign101.dk/www/cssmenu/dropdownmenu/
og det tilhørende eksempel
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks10.html



--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

---

SNIP
>
> div#menu {
> position: absolute;
> width: 600px;
> top: 10px;
> left:40px;
> z-index: 3;}
>
> der sørger for det.
>
> Men jeg må sige at jeg ikke forstår
> hvorfor du griber til det måske mest
> kluntede eksempel jeg har, når jeg
> præsenterer så mange andre og langt
> mere elegante løsninger. Læs for
> eksempel artiklen:
> http://webdesign101.dk/www/cssmenu/dropdownmenu/
> og det tilhørende eksempel
> http://webdesign101.dk/www/cssmenu/dropdownmenu/eks10.html
>
>
>
> --
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/

z-index løsningen hjælper ikke så jeg kigger på de andre løsninger du har

Lars

---

Nederbasse skrev:
> SNIP
>> div#menu {
>> position: absolute;
>> width: 600px;
>> top: 10px;
>> left:40px;
>> z-index: 3;}
>>

> z-index løsningen hjælper ikke så jeg kigger på de andre løsninger du har

Det er position:absolute der sørger for at
div#menu svæver over siden. z-index bestemmer
bare at den skal lige øverst i forhold til elementer
uden eller med lavere z-index;
I ovenstående er bestemt en bredde og en
position i forhold til forældreelementet, 10
pixel fra toppen og 40 pixel fra venstre. I
mit eksempel er body forældreelementet.


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..