Ok, I spent some time this evening looking at this.

I noticed that the only themes the calendar to browse events actually worked in was where there were tables that auto-sized according to content. Whenever the area was fixed, it wouldn't fit.

I dug deeper...

I found out by taking out all padding, and all margins, and setting any font size to be 0.8em, that I could get it to be a tight, compact unit that works on all themes. This helps fix bugs in IE where the event calendar block is too big, and pushes that row of blocks down off the page in IE6.

The solution:

We need to go in and zero out all padding, and margins. And reduce font sizes, and perhaps even take out any fixed widths and heights. I can easily do this, and produce a new event.css for you if you agree to my thinking.

This will make it so that the event module will now work on all themes out of the box. (for the most part, unless they hard code a width of like 120px or something)

Anyhoo, it should be up to the themer, if he/she wants to enlarge or tweak the way the calendar looks, then... they should put in CSS accordingly.

I would even go so far as to recommend pulling out all Calendar styling, but that is just me. I hate having to hunt down overrides.

Thanks in advance,
Trae

Please check out this url:

http://demo.civicspacelabs.com/home/465/