Problem with jQuery UI controls size

I use jQuery UI. When i am trying to add some controls (DatePicker, Dialog, Autocomplete) they look to large. May be anybody does know what cause of this p开发者_如何学Pythonroblem?

Thanks in advise....

They typically use em sizes in their CSS, if the container they're in is larger for any reason, they it'll propagate down to the elements. Try resetting font-size, zoom, etc to a normal level above where the jQuery UI elements are contained.

Well, hard to say whether you don't like the size of jQuery UI or that they seem larger than they do on this site: http://jqueryui.com/themeroller/

Try removing all existing classes and styles and see how it turns out.

Try setting the containers font-size like:

font-size: 80%;

or

font-size: 0.8em;

Ok, but how to resize containers of the absolutely positioned UI items like DatePicker and Dialog? This may prove hard, until a later UI version. In the meantime start your journey from the multiple ui themes discussion, especially the comment 16.