IE7-the drop down come out from its place and adjusts itself to display the results.. for example if the drop down is in the first row of the column and has got many data to display, it jumps to the third row to show the data in the browser window
Mozilla- it displays from its place it does not adjust itself.
I'm sure you could produce a smaller piece of code which demonstrated your problem. There must be over a thousand lines in what you posted (I gave up scrolling past them), and nobody wants to deal with that much code. Please try to post a small, runnable, example of the problem. And post it inside the code tags, too, please, so it is readable.
Looks like your problem is that the list is allowed to take up more than half of the height of the screen, so if a drop down in the middle of the screen is selected the list can't be displayed either entirely above or below the location of the input field. I think your options are to try a smaller font, or to use the size attribute to limit the number of options you display.
yes your suggestion seems to be reasonable but, i tried using the size attribute to 10, but it sets the size of the list box to show 10 values before selecting itself.so what would be the option to show only 10 records on click and scroll to see the rest?.
I guess it depends on your requirements. I'm surprised that the behavior in IE7 isn't acceptable (although it would be nicer if it would display fewer items if they didn't fit on the scree). I think I would try reducing the font-size until the list would always fit on the screen, but like I said, it depends on your requirements.
You can do it that way (using the size attribute) but I think that would be my last choice. My first first choice would be to leave it as is since it doesn't seem to be much of an issue (but if who ever is giving you your requirements says it needs to change, it needs to change). I would think a reduction in font-size would fix your problem and alllow you to keep the screen as similar as possible.
How does Mozilla prevent this? Does it not display as many values when you click on the select? Does it display things smaller so that they fit on the screen? Does it actually display a smaller list when you select the fields in the middle of the screen? Does the list just run off the top/bottom of the screen?
Yes the requirement says it has to be changed.So it has to be.
yes Mozilla actually displays a smaller list when you select the fields in the middle of the screen.and it doesn't run top/bottom.. While IE7 just displays the whole list as it is.So thats the problem. its perfect in Mozilla...How do i handle this?....
Is there a way to control this size...the size attribute that you told is for the number of records to show initially itself that before clicking the list box....so that doesn't help that much though....i want ti control the list to be shown after click....