z-index virker ikke på div

Det kan du ikke. Select-bokse (drop-downs) er integreret i Windows, og bliver derfor ikke opfattet som en egentlig del af en webside.

Du kan ikke sætte noget oven på select, inputs, textarea..

webudvikleren >>
Selvfølgelig kan man det.

En div kan sagtens ligge over inputs, textarea. Det er kun select der er problemet. Men her kan man bruge iFrames i stedet, da de godt kan ligge over select.

... Og et eks:
<select name="test1" style="z-index:1;">
  <option>Hej alle sammen</option>
</select>
<iFrame src="http://www.google.dk" style="z-index:1;position:absolute;left:60px;"></iframe>

? er så bare hvor svært, det er at få m_bold's kalender kode til at virke med en iFrame i stedet for en div.

skjul den select når kalenderen er vist med javascript :)

//finder selects i ex "content"
var selects = document.getElementById('content').getElementsByTagName('select');
    for (var s=0; s<selects.length; s++)
    {
        var select = selects[s];

        select.style.visibility = "hidden";     

    }

jokkejensen --> jeg kan godt følge din ide, men har nok lidt svært ved at implementere den. Min select ser sådan ud:

<select name="type" style="z-index:1;">
<option value="One Way">One Way</option>
<option value="Return">Return</option>
</select>

Kan du gøre din kode lidt mere specifik?

...

document.getElementById("depart").style.display = "block";
document.FormNavn.type.style.visibility = "hidden";

...

document.getElementById("depart").style.display = "none";
document.FormNavn.type.style.visibility = "visible";

...

Hmm, det duer ikke rigtigt. Jeg ved ikke om det kan være fordi mit javascript ligger i en anden fil...

Min kode ser sådan ud:

<td><input id="datedepart" type="text" name="datedepart" value=""> <a id="_datedepart_link" href="#" onclick="DatePicker.toggleDatePicker('datedepart')"><img src="pics/cal.gif" border="0" alt="find date"></a><div id="_datedepart_calendar" class="date_picker" style="display:none; z-index:2;"></div>
</td>

toggleDatePicker ligger i en anden fil og ser sådan ud:

  toggleDatePicker: function (id) {
    var calendar = this.findCalendarElement(id);
    if (calendar.style.display == 'block') {  // If showing, hide
      calendar.style.display = 'none';
    } else {                                  // Else, show
    document.FormNavn.type.style.visibility = "hidden";
    calendar.style.display = 'block';
      this._priorLinkText[id] = this.findLinkElement(id).innerHTML;
      this._priorDate[id] = document.getElementById(id).value;
      this.writeCalendar(id);
    }
  },

Det kan det sagtens være, der er jo også en rutine til at finde kalender-elementet, men først og fremmest skal du nok erstatte .FormNavn. med det formnavn, du selv bruger !-)

Hehe, ja det er klart. Nu virker det, så det er vist mest roenving der har fortjent points. Smid et svar og tak for hjælpen.

Velbekomme '-)

-- og tak fpr point ;~}