Enrico: Höhe eines <ul>-Elementes ermitteln

Beitrag lesen

Hallo,

erstmal bitte ich um Entschuldigung, dass ich mich "vorgedrängelt" habe, aber ich
komme einfach nicht weiter und es macht wenig Sinn, an einer anderen Stelle an
meiner DVD-Verwaltung weiterzumachen, wenn vorher etwas nicht so funktioniert, wie
ich es mir vorstelle.

Das Problem mit der Ausgabe eines Scrollbalkens habe ich lösen können.

Nun habe ich aber das Problem, dass der Scrollbalken einen kleinen Teil des längsten
<li>-Elementes überdeckt und damit "abschneidet".

Ich hatte an anderer Stelle schon mal das Problem, wie ich es umsetzen könnte, dass
ein <div>-Bereich eine zusätzlichen Abstand ("padding-right") bekommt, sobald ein
Scrollbalken angezeigt wird.

Dieses Problem konnte ich lösen, hier aber renne ich mit dem Kopf gegen die Wand.

Ich kann meine Drop-Down-Struktur weder in einen <div>-Bereich fassen, noch in einen
<span>-Bereich, um so evtl. an die Höhe des Untermenüs zu gelangen, da mir sonst die
Untermenüs nicht mehr angezeigt werden.

Hier nochmal die Struktur:

<ul class="Auswahllisten">
      <li><a>Anfangsbuchstabe</a>
         <ul id="Auswahl_Anfangsbuchstabe"></ul>
      </li>
      <li><a>Genre</a>
         <ul id="Auswahl_Genre"></ul>
      </li>
      ...usw...
   </ul>

Die <li>-Elemente der Untermenüs werden dynamisch über Javascript eingebaut.

Über folgende Anweisung wollte ich die Höhe des Untermenüs auslesen, hier wird
mir aber für die Höhe des Untermenüs nur der Wert "0" ausgegeben:

Zusaetzlicher_Abstand ("Auswahl_Anfangsbuchstabe");

function Zusaetzlicher_Abstand (Objekt)
   {
      var Objekt      = window.document.getElementById (Objekt);
      var Menuelaenge = Objekt.scrollHeight;

if (Menuelaenge > 350)
      {
         Objekt.setAttribute("padding-right", "7px");
      }
   }

Ich komme und komme einfach nicht weiter...

Könnt ihr mir hier weiterhelfen ?

Wäre mehr als nur super, denn dann steht meine DVD-Verwaltung kurz vor ihrem Abschluss.

Vielen Dank und Gruß
Enrico