i’m really lost on some code. Im trying to draw a dayview calendar with appointments in it. It was based on a table however i replaced it by divs. The table view originally had the same problem, hence i rewrote it to divs. Chrome was displaying it rightly, though with use of tables.
I have made a jsfiddle so you can check it all out. http://jsfiddle.net/dvr9Z/107/
and as you can see, the appointments are draw behind the other divs? i tried using z-index, but that didnt work. what am i doing wrong?
If it’s possible with the way your code works, you should get success by putting the floating div on the same structural level as the rows. That is, have the black box as a child of the day’s container div, rather than a child of the time slot