[HTML]Menu valt onder deel van formulier

[Verwijderd]

Hallo,

Ik ben bezig met een site voor een schaatsvereniging maar heb nu een probleem waar ik niet uitkom. Ik heb een menu (Javascript) en deze valt op een bepaalde pagina onder een select list in een formulier. Ik heb het ook in Firefox en Opera geprobeerd maar daar werkt het wel goed.

Voorbeeld:
Klik hier voor het voorbeeld

HTML:

<div id="menu">
<script type='text/javascript'>
function Go(){return}

</script>
<script type='text/javascript' src='js/exmplmenu_var.js'></script>

<script type='text/javascript' src='js/menu_com.js'></script>
</div>
<div id="inhoudbovenbalk">
[img]"img/welkombalkrechtsboven.gif"[/img]
[img]"img/welkombalklinksboven.gif"[/img]
<p>Welkom op de site van schaatstrainigsgroep Wageningen!</p>

</div>
</div>
<div id="randlinks">
</div>
<div id="inhoud">
[img]"img/inhoudro.gif"[/img]
[img]"img/inhoudlo.gif"[/img]<link rel="stylesheet" href="css/logo.css" title="text/css" media="screen, projection">

<!-- INHOUD -->
<form style="float:right; margin-right:88px; _margin-right:43px; z-index:0;" action="wts.php">
    <input type="hidden" name="num" value="UT03012">
    <select size="1" name="seizoen">
        <option selected value="ALL">Kies seizoen</option>

        <option value="ALL">Alle seizoenen</option>
        <option value="2004-2005">2004/2005</option>

        <option value="2003-2004">2003/2004</option>
        <option value="2002-2003">2002/2003</option>
        <option value="2001-2002">2001/2002</option>
        <option value="2000-2001">2000/2001</option>

        <option value="1999-2000">1999/2000</option>

    </select><select size="1" name="afst">

        <option selected value="ALL">Alle afstanden</option>
        <option value="100">100</option>
        <option value="140">140</option>
        <option value="167">167</option>

        <option value="300">300</option>
        <option value="333">333</option>
        <option value="500">500</option>
        <option value="700">700</option>

        <option value="1000">1000</option>
        <option value="1500">1500</option>

        <option value="3000">3000</option>
        <option value="5000">5000</option>
        <option value="10000">10000</option>
    </select><br>

    <input type="submit" value="zoek tijden">
</form>

Weet iemand wat ik fout doe?
Alvast bedankt voor de hulp.

[Joen]

Je moet ff Googlen naar "z-index".
Met die CSS parameter kun je de div-layer allicht over die dropdowns krijgen.
Dropdowns zijn inderdaad altijd irritant.

[Verwijderd]

Ja, z-index heb ik dus inderdaad al mee lopen kloten maar daarmee is het me niet gelukt.

[faabman]

Kwam afaik doordat voor I.E. je OS de formulierelementen rendert en niet de browser. Dit kun je fixen door het formulier op visibility:hidden; te zetten...

overigens had je hier zelf al achter kunnen komen door naar GoT te kijken

[Verwijderd]

Als ik het formulier op visibilty:hidden; zet, zie je toch überhaupt het hele formulier niet meer? En de gebruiker moet natuurlijk nog wel een keuze kunnen maken.

[faabman]

Verwijderd schreef op donderdag 19 mei 2005 @ 22:57:
Als ik het formulier op visibilty:hidden; zet, zie je toch überhaupt het hele formulier niet meer? En de gebruiker moet natuurlijk nog wel een keuze kunnen maken.

Ik bedoel dus dat je het formulier alleen hidden maakt wanneer er een menuitems zijn die er achter kunnen vallen... Wanneer het menu niet meer zichtbaar is dan maak je het formulier weer gewoon zichtbaar

[r0bert]

^{zoals gotsearch bovenin dus}

[Joen]

Da's een "slordige" methode (nofi).
Het kan blijkbaar wel, want met Overlib kan het ook:
http://www.bosrup.com/web/overlib/
Ik heb het hier op mn eigen PC's in de praktijk zien werken.

[r0bert]

Maar hoezo slordige oplossing? Als de mensen in het navigatiemenu zitten hebben ze die dropdowns toch heel niet nodig?

e: eigen select(-simulatie) (dhtml) zou je ook als oplossing kunnen gebruiken, maar da's volgens mij beetje té

[ Voor 33% gewijzigd door r0bert op 20-05-2005 00:05 ]

[faabman]

JeroenM_tbs schreef op donderdag 19 mei 2005 @ 23:57:
Da's een "slordige" methode (nofi).
Het kan blijkbaar wel, want met Overlib kan het ook:
http://www.bosrup.com/web/overlib/
Ik heb het hier op mn eigen PC's in de praktijk zien werken.

en waarom zegt ms dan zelf het volgende over z-index?

quote: http://msdn.microsoft.com...nce/properties/zindex.asp

The property does not apply to windowed controls, such as select objects.

[Joen]

Dan is het waarschijnlijk niet z-index, maar er is dus wel een andere manier voor dan simpelweg verbergen...
Ik heb me verder niet verdiept in Overlib dan eht gebruik er van, maar misschien dat het antwoord ergens in de broncode van Overlib te vinden is.

[Verwijderd]

Plaats een IFRAME over de SELECT box heen. En daaroverheen valt dan je menu. (Dit is een oplossing, nooit gezegd dat het correct is ofzo, maar het werkt wel.)

Edit: Om het duidelijker te maken. Je rendert dus een IFRAME achter je dropdown.

[ Voor 21% gewijzigd door Verwijderd op 20-05-2005 11:31 ]

[r0bert]

JeroenM_tbs schreef op vrijdag 20 mei 2005 @ 11:11:
Dan is het waarschijnlijk niet z-index, maar er is dus wel een andere manier voor dan simpelweg verbergen...
Ik heb me verder niet verdiept in Overlib dan eht gebruik er van, maar misschien dat het antwoord ergens in de broncode van Overlib te vinden is.

Ik snap het niet helemaal.. Wat is nou het verschil? Er valt een menu OVERHEEN waardoor je het niet meer ziet of nog maar half. Of je verbergt netjes alles?