CSS Calendar

[ryanbutler]

Hi,

I'm having a few problems with a CSS calendar for my employer and wondering if someone can spot the fixes.

IE 6 - the problem child. I'm suffering from content height bugs (disappearing text) on event details and one way I found to fix it was to add to DIVs, one being position:relative and the other position absolute fed only to IE 6 through a condition comment.

However, when you click on event details, and mouse over the calendar menu, the last two blocks of text disappear for the event. I have tried every hack I can think of to keep this from happening.

Secondly, on days which have more than one event listed, the highlighted date event listing is not floating correctly. And lastly, on submit an event, the content is spilling over the footer.

Opera - On event details, search, newsletter and mobile, my footer is messed up, why?

Any help is appreciated.

http://www.otc.edu/events/events/

[holyhttp]

Sorry I do not have IE6 so I cannot see the issues you mentioned and therefore cannot be of any help.
I've noticed that the problem you mentioned regarding the footer in Opera.
Looking at your CSS and the HTML code I suspect the problem may stem for a left padding, left margin or left positioning of the #footer.
My suggestion try to define those values.
margin-left:0px; padding-left:0px; left:0px;

[ryanbutler]

Thanks for the reply. Adjusting those values didn't seem to fix the problem.

[Major Payne]

Might try cleaning up the 11 errors of html coding and the 3 errors in CSS coding first and see if that corrects any of your problems.

Ron

[Taschen]

IE 6 - the problem child. I'm suffering from content height bugs (disappearing text) on event details and one way I found to fix it was to add to DIVs, one being position:relative and the other position absolute fed only to IE 6 through a condition comment.

http://www.otc.edu/events/events/

I couldn't see the problem when I looked at the link above but it could be the old IE6 "disappearing text bug"

Stick this in your style sheet:
* html {height: 1%;} /*This is a hack to stop disappearing text in IE6*/

[ryanbutler]

Nope, didn't work. I've pretty much come to the conclusion it has to do with the layout, but since I'm not in control, finding a fix is going to be harder to find.