Nachtrag: Breite von ausgeklappter Select Box

[Gernot Back]

Hallo Gunther,

Ansonsten hilft ggf. auch eine JS basierte Lösung weiter.

Nach meiner Erfahrung ist das die einzige Lösung. Ich habe mir vor einigen Jahren mal eine solche Lösung gebaut, bei der alle SELECT-Elemente, die in ein SPAN-Element der Klasse "breakOutOpt" geschachtelt sind, eine feste Breite haben können, diese aufgeben wenn man auf sie aufklickt (damit längere OPTIONS-Elemente dann im IE nicht abgeschnitten werden) und diese feste Breite sofort wieder annehmen, sobald man eine Option gewechselt hat oder das SELECT-Element den Focus wieder verliert.

CSS:

.breakOutOpt select {  
  width:200px;  
}

JS:

  
function initBreakoutOptions () {  
  if((!window.opera && window.event)||(navigator.userAgent.indexOf('KHTML')>0)) {  
    var mySpans = document.getElementsByTagName('SPAN');  
    for (i=0; i< mySpans.length; i++) {  
      if(mySpans[i].className == 'breakOutOpt') {  
        mySpans[i].style.position = 'relative';  
        mySelect = mySpans[i].getElementsByTagName('SELECT')[0];  
        mySelect.style.position = 'absolute';  
        mySelect.onmousedown = function () {			  
          this.style.width = 'auto';  
        }  
        mySelect.onblur = function () {  
          this.style.width = '';  
        }  
        mySelect.onchange = function () {  
          this.style.width = '';  
        }		  
      }  
    }  
  }  
}  

Diese Initialisierungsfunktion kann im OnLoad-Event des Dokuments aufgerufen werden oder auch früher, sobald der DOM-Baum vollständig eingelesen ist.

Gruß Gernot