ansaurus

Question

Dynamic height for AJAX Autocomplete Textbox

Answer 1

+1 A:

Remove height:180px and change the CSS to use something like:

max-height:180px;

That should work (but I think only from IE7+) the other browsers should support it ok.

jitter 2009-06-15 11:20:13

Thanks! What would the effect of max-height be on browsers which do not support it? Will the height be fixed at 180 just the same in the worst case?

TMM 2009-06-15 13:36:20

Well for this to work you have to remove height:180px so if max-height is not supported the list will autofit itself and no vertical scrollbars should appear. Autofit to whatever height is required, so if the list is long you are in troubleSo I guess the best idea will be to use a browser hack (conditional comment) for IE < IE7 set fixed height 180px for all others use max-height

jitter 2009-06-15 13:54:28

Maybe this would work for all browsers: height: expression (this.scrollHeight > 179 ? "180px" : "auto" ); /* sets max-height for IE */ max-height: 180px; /* sets max-height value for all standards-compliant browsers */ as suggested here:http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/Thanks

TMM 2009-06-15 14:02:31

This works. But this violates css compliance if you care about that. While the conditional comment solution is ok as the cond. comm. are normal comments for all other browsers.Don't forget to upvote me for all the work if you want :p

jitter 2009-06-15 14:22:18

Answer 2

A:

Genio!! Funciono

carina 2010-08-17 13:01:20

ansaurus

tags:

views:

answers:

Dynamic height for AJAX Autocomplete Textbox

related questions