Select / Dropdown klappt im Firefox nicht auf.

[Nicole]

hallo,
auf der seite http://www.geopostalcodes.com klappt das dropdownfeld 'country' im firefox nicht auf. im ie funktioniert es einwandfrei. weiss jemand an was das liegen könnte?

[Gernot Back]

Hallo Nicole,

auf der seite http://www.geopostalcodes.com klappt das dropdownfeld 'country' im firefox nicht auf. im ie funktioniert es einwandfrei. weiss jemand an was das liegen könnte?

... wahrscheinlich am proprietären Attribut "type".

Komisch allerdings, dass Firefox das nicht auch beim letzten SELECT-Element übel nimmt. Das META-Tag außerhalb des HTML-Elements ist auch unüblich.

Gruß Gernot

[Nicole]

hallo gernot,
danke für die tips, habe das geändert, aber daran lags nicht. ist mir echt unbegreiflich...
beim 2. dropdownfeld steh ja nichts anderes???
nicole

[Gernot Back]

Hallo Nicole,

du solltest dein Dokument halt mal grundsätzlich validieren lassen, vorher aber auch noch einen DOCTYPE deklarieren.

http://www.validome.org/validate/?uri=http://www.geopostalcodes.com/&lang=ge&doctype=doctypeAUTO&charset=charsetAUTO

Gruß Gernot

[Gernot Back]

Hallo nochmal,

es gibt zwar die Objekt-Eigenschaft "type" beim SELECT-Element, dort auch den Wert "select-one", dieser spiegelt aber nur die Tatsache wider, dass das HTML-Attribut "multiple" im SELECT-Element fehlt.

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/type_9.asp

Da hat also jemand JavaScript und HTML durcheinandergebracht.

Gruß Gernot

[Axel Richter]

Hallo,

auf der seite http://www.geopostalcodes.com klappt das dropdownfeld 'country' im firefox nicht auf. im ie funktioniert es einwandfrei. weiss jemand an was das liegen könnte?

Es liegt definitiv am invaliden HTML und dazu noch unsinnigen CSS-Eigenschaften. Ein kurzer Testcase, bei dem das "Problem" auftritt:

  
<span style="position:relative;">  
<form>  
<select size="1">  
<option value="o1">Option 1</option>  
<option value="o2">Option 2</option>  
<option value="o3">Option 3</option>  
</select>  
</form>  
</span>  

Du hast da im SPAN sogar noch eine Tabelle drin. Das ist so nicht möglich. Auslöser ist allerdings das position:relative für das SPAN-Element. Es sieht so aus, als wolltest Du per position:relative; top:___; etwas erreichen, was man normalerweise per margin-top:___; erreichen kann, nämlich einen Abstand zwischen den Elementen.

viele Grüße

Axel