JS code for a calendar that hides events that do not "fit"?

[Sharky2k6]

Hello all,
My name is Mike (Sharky) and this is my first time posting on this forum. Fyi I did do a search for this in advance...but found no results (sorry if there was a result I didn't see).

In any case, here's my dilemma:
I am currently making a calendar using a basic table to display it in a month format. I want to display the events within the table BUT found that when one day has more events than another, it disrupts the look of the table (one row is really tall while another is very short).

I was curious if anyone has any idea how to write javascript code that will automatically "hide" events that do not fit - similiar to how Google calendar displays "+2, "+3" etc when the browser window is shrunk to a size that cannot fit all of the events.

Unlike google calendar however, each table cell ("day") has an exact width & height of 70px (which should hopefully make this easier, since it's not "fluid") , however because the user may have a larger font size - I cannot assume that "Since the font size is 12 px, I do not show more than 3 events, etc"

If anyone could tell me where to start, or give me a helpful "snippet" of code - I'm sure I'd be able to find my way to a solution.

Any thoughts, ideas, or suggestions would be much appreciated. And thanks for reading through this entire post


- Mike M.