I'm putting together a new site and I can't figure out where the code is that is causing my event calendar to be all squished, both in the side preview and the full calendar. It's bad in firefox and horrible in IE.

Maybe someone could take a look?

http://209.123.202.193/event

Comments

Brandonian’s picture

It's all in the CSS.

On your side calendar, there isn't anything 'propping up' the borders of the table to make them more box-like. On our event calendar on littlemanmag.com, we added some padding to the td elements in the calendar, found in the event.css file of the event module.

As for the main calendar, I'm not sure why it's pushing out so far. Since you're site is fixed width, maybe you could give the widths of the td elements a set pixel width, instead of the percentage width they have in the original css.

Ideally, of course, you'd make the css changes in your theme css file, but I never found a good way to override the event.css without copying the whole thing over into your theme's css file and overriding the variables there. I was lazy, and just fixed them up in the event module...