autocomplete boyutu

Selam arkadaşlar, autocomplete bulmuştum internetten ama açılan tarafının boyutunu bir tülü büyütemedim. Bunu nasıl alt resimdeki gibi sola dayalı birde boyutunu genişletebilirim kod kısımı aşağıdaydı bir kaç yeri değiştirdim bulamadım.

böyle



bunun gibi

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: white;
    border-bottom:1px solid #FBE6A2;
    /*border-bottom-color:#FBE6A2;*/
    border-top:1px solid #FBE6A2;
    /*border-top-color:#FBE6A2;*/
}

.ac_over {
	background-color: #FBE6A2;
	color: black;
}

aşağıdaki kısım sonuçların gösterildiği kısım,

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

width: XXXpx;
text-align:left;

}

eklenen kodlarla iş çözülür sanırım

hocam yardım için teşekkürler ama şöyle bir hal aldı

eklediğim kodların altına,

overflow-x:hidden;

yada

overflow:hidden;

ekleyerek çözebilirsin.

hocam ikisinide denedim sonra ikisini birden yazdım denedim hala aynı duruyor boyutu küçültsem bile daralmıyor hep aynı boyda

bu tip durumlarda en iyi yardımcı firebug ... bu şekilde anlaşmak biraz zor olabiliyor o zaman şu elemanınada overflow deniyelim,

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
overflow: hidden;
}

hocam zahmet olcak ama hala beceremedim ya şite buydu bende bir kaç şey denedimde baya kaydı yaptıklarım.

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
width: XXXXXpx !important;
}

eklemelisin, birde

jquery.autocomplete.js dosyasındaki 713. satırdaki,

overflow: 'auto'
yu
overflow: 'hidden'
olarak değiştirmelisin

yardımlarınız için çok sağolun hocam