views:

193

answers:

1

Hi,

im trying to add a datepicker to my symfony application and i got it working, but the size of the datepicker is about 3 times bigger than normal (on the demo page). I have not edited any CSS, i just used the default ui lightness theme no modifications.

Does anybody have any idea why the size is blown up so big?

CSS:

http://paste2.org/p/835414

tough i doubt that will be very usefull.

+2  A: 

Modify font-size in the .ui-widget class. Change it from 1.1em (the current value) to something less, like 1em or 0.9em. Or just use a static size, like 12px, but that's not recommendable.

Felix
genius!But why would the font be so much bigger? I did not edit anything in the CSS just downloaded it from the jquery UI website...
iggnition
It's because the font was specified in `em`, which is context-dependent. For example, if you have `font-size: 14px` on your `body` and then on a `div` you have `1em`, that `div` will basically be `14px`. If, on the `div`, you have `0.8em`, it will be smaller. If then you change `body` to `12px`, the `div` will be even smaller. Basically, `em` is like a ratio (`%`) where `1em == 100%` (if I'm wrong someone correct me).
Felix