For quite some time, I had noticed that the calendar didn't display "quite right."
The problem was with the shaded background on the right hand side - it wasn't even.
I finally got around to playing with the CSS template, and now have it looking "right," at least in Firefox and IE6.
It still doesn't display correctly in Safari or IE7.
I believe that the problem is related to the fact that both Safari and IE7 use a slightly larger font as the default, and the size of the shaded background is fixed. At least in Safari, if I go to View, Make Text Smaller, the calendar displays properly. My guess is that if I were to increase the size of the area just a bit more, I'd get closer to a solution - although it would be a brute force solution rather than an elegant solution, and then I'd be wasting space when displaying in Firefox for IE6. Since my main browsers are Firefox and IE6, and no one else has complained, I think I'll consider this fix "good enough."
For those interested, the details of the CSS section in question are:
The main change was to adjust the width: from 120 to 180. I also changed the right: from 5 to 1.
While I was at it, I made one other tweak. I modified the display when you hover the cursor over a date that has an entry in the calendar so that the reverse display unreverses. This makes it more obvious than the old behavior that just changed the color of the underlying text from blue to greenish.
Here's the code:
PS. notice the sleazy way I am presenting the code snippets? They are screen shots, rather than text. Why? Saves me from having to edit a bunch of characters to keep the browser from interpreting the code rather than just displaying it.
Digg It!
Bookmark it!
Posted by David at August 23, 2007 07:59 AM