Since this is becoming a complete hack-job, I think its about time I asked for some help. I am trying to make a calendar using AJAX to allow for the main calendar to display, then load in the events afterwards for any given week. Each step along the way I find some hack to make it work but its becoming with all the problems I've been running into I'm thinking I'm not attacking it right.
Here's the output of the iframe in question (I know they don't match up perfectly on the days, in the iframe they actually do better, even at several different resolutions)
On the actual server I'm using mod_rewrite to point to a CSS file that is generated by PHP for the events. The div tags that are later positioned by the CSS are loaded via an XML request and inserted into a DIV tag at the bottom of the page, positioned absolutely to their locations. (I originally had each day's events loading within the top of the actual calendar grid, but I couldn't get them to not affect the width of the table and they were messing up the whole alignment. My hack was to load them outside of the whole table and have them absolutely position where they need to be).
If you're usine IE, you will notice my latest issue. The popup onmouse over in IE hides behind the adjacent events (In Firefox it works as expected). At one point I tried to do these popups with CSS, but also ran into the issue of them going behind the adjacent events (even with the Z index higher). Javascript was a hack that worked in Firefox, but not in IE.
Any ideas on how to attack and fix this?
If not, anyone know some good resources that talks about methodologies of layout in CSS. I know what many of the properties do (at least I think)... but I've had a hard time finding any tutorials that really explain how to use CSS layout well. Most of them are extremely basic.