jQueryUI Problem

[_linx_]

Ich habe ein Problem mit der jQueryUI...

Und zwar macht er mir bei allen Elementen ein durcheinander mit der Höhe, anstatt dass am Ende des Textes fertig ist, zieht er die div jeweils bis zum unteren Rand des Bildschirms... Das ist extrem unschön und nervt.

Hier mal ein Beispiel:

Was kann man dagegen unternehmen?

 

[C64]

Ohne Code und/oder Beispiellink wird das schwierig

 

[_linx_]

Das Input-Feld:

<input class="suggestion" type="text" name="ort_name" /> Ort<br />

Der jquery-UI-JavaScript-Code:

$(function() {
		$( ".suggestion" ).autocomplete({
			source: ["Burgdorf", "Thun-Guntelsey", "Zofingen"]		});
	});

Das Backend ist eine unmodifizierte jQuery-UI ( http://www.jqueryui.com )...

 

[_linx_]

...?

 

[Paul_]

Sieht das nichteher nach einem Problem im Stylesheet aus?

Sollte das Problem tatsächlich noch bestehen, wäre es sinnvoll die CSS-Eigenschaften des Elements mit den Entwicklertools eines Browsers zu betrachten.

 

[drp]

es wird ja ein DIV angezeigt bei diesen Dropbdown-Menüs, da musst du einfach in CSS die height für ändern.

 

[_linx_]

Das Problem ist da aber, dass die Höhe zu Beginn nicht bekannt ist und sich ständig ändern kann...

 

[drp]

ich weiß
mach min-height statt height

 

[_linx_]

auf was soll ich die min-height dann stellen? Bringt ja nichts, weil es wird ja viel zu gross bzw grösser als gewünscht. Zu klein wird es nicht...

 

[joro]

Hallo,
hast Du es schonmal mit max-height probiert?

Liebe Grüße,
joro

 

[_linx_]

Mir ist aber die maximale Höhe auch nicht bekannt...?

 

[drp]

mach einfach:

min-height: 10px;
max-height: 200px;
overflow: auto; /* Zum scrollen wenns zu groß wird */

so in etwa