nicht angemeldet
Hallo Ronald
Wenn es so nicht geht, dann mußt du es mit clip:rect(0px 100px 100px 0px); machen.
Größenangaben entsprechend anpassen.Tschüs
Daniel
Hallo Daniel,
also das mit dem clip-Bereich werde ich wohl so machen, aber das löst noch nicht das eigentliche Problem. Ich weiß nämlich nicht wie groß der Button ist. Das hängt nämlich von der Schriftgrößeneinstellung des Browsers ab. Eigentlich geht's mir gar nicht um Buttons, sondern um <select>-Listen. Da hab' ich dann noch das weitere Problem, das die Größe der <select>-Liste auch noch von dem "size"-Wert abhängig ist, d.h. wieviele Elemente in dem scrollbaren Bereich sichtbar sind. Und den size Wert möchte ich noch von Benutzereingaben abhängig machen, d.h. ich weiß den vorher gar nicht.
Meine Grundidee war eigentlich folgende:
Egal um welches Element es geht (Button oder Liste oder ....), ich schreib' das einfach in einen neuen Layer und ermittle die Größe des Layers mit clip.right und clip.bottom. Dann dachte ich, dass ich die Größe des Elements hätte. Klappt aber eben nicht.
Ich sende unten mal was zum ausprobieren mit. Wenn Du in den Browsern (IE oder NN 4.x) die Schriftgröße änderst verändern sich eben auch die Ränder auf für mich nicht nachvollziehbare Weise. Mal ist ein oberer Rand da, mal nicht. Mal ist der untere Rand kleiner, mal größer. Der rechte Rand ist nicht das Problem, den bekommt man mit "width:0" für den <Div> weg, bzw. er ist im IE gar nicht vorhanden.
Na ja, ich werde wohl einfach genügend Platz für meine <select>-Listen vorsehen. Ich versteh' die Logik dieser Größenanpassung nur einfach nicht und das nervt mich.
Erstmal vielen Dank für Deine Hinweise und falls Dir noch irgendetwas einfällt, was mir weiterhilft...
Viele Grüße
Ronald
<html>
<head>
<title></title>
</head>
<body bgcolor="#FFFFFF">
<div id="Div1" style="position:absolute; top:100; left:100; ;background-color:red; layer-background-color:red">
<form>
<input type="button" value="Button"></input>
</form>
</div>
<div id="Div2" style="position:absolute; top:200; left:200 ;background-color:red ;layer-background-color:red">
<form name="Form1">
<select>
<option>Auswahl1
<option>Auswahl2
<option>Auswahl3
<option>Auswahl4
</select>
</form>
</div>
<div id="Div3" style="position:absolute; top:300; left:300; background-color:red; layer-background-color:red">
<form name="Form2">
<select size=3>
<option>Auswahl1
<option>Auswahl2
<option>Auswahl3
<option>Auswahl4
</select>
</form>
</div>
</body>
</html>