IE 5.x and Roller's Calendar
I've gotten a few complaints in the last week from users that they weren't able to read my site because of a "calendar overlay" issue. Basically, they said that they couldn't read the content on this site because the calendar was too big and was hiding my blog entries. The two browsers it happened on were IE 5.5/Win95 Tonight, someone sent me a screenshot (150K) and now I know what they're talking about. I don't know if your roller site has the same issue, but the following might help if you do. Basically, I just had to define a font-size for the table that surrounds the calendar. If this doesn't work, I'll define the table and the <td>
's inside the table. Here's the fix so far:
.hCalendarTable { font-size: 1em; }
I also found that I had to do this for Opera 7 to render the calendar properly. And, Opera 7 doesn't seem to understand font-size: x-small
, so I used 10px
instead.
Of course, the easiest way to avoid any issues such as these is to use a standards-compliant browser. I recommend IE6, Mozilla, Phoenix (Windows only) or Chimera (Mac only). Nevertheless, I'd like to make this site available to everyone, so if you do experience issues, please do let me know and include a screenshot for clarity. Thanks!
Later: It's getting better and I've managed to fix the font-size problem, but the font color inside my calendar is still the wrong color, as illustrated in this screenshot (138K). Oh well, at least everything is readable now.