Google Calendar

Hey Guys, this is my first post, so I hope that this is in the right area, if not, I'm sorry!

At any rate, I made this site lojpm.org

I'm having problems with the Calendar displaying. I put it in the righthandside column, but when you click on a date, the bubble wont pop out. Now I originally had it so that it did - but then my client did something Googles side with the calendar, and now it is acting funky.

Can anyone go through that section of the site and let me know how to get that bubble to display properly without getting cut off? I would really appreciate it. Thanks much!

This could be a z-index problem.

On the calender, set the z-index to about 100... Try that and see if it works - i almost never use z-index so i am not sure

Thanks for the reply. Please don't laugh... but what the heck is the z-index? lol I've never heard of it before.

It is a css property. Have you got CSS styling that calender just now?

not the calendar, per se - but the site template itself is... the columns and such are. Youll see the left colum, the middle, and the right. The right column cuts off the balloon... I don't know how I originally had it working correctly, but it isnt anymore

Try changing the width from following in your default.css stylesheet

Code: Select all

#right {
    float: right;
    width: 220px;
    margin-right: 10px;
}

but i need it to maintain the same width as the other one, so that they are proportional... thats the only thing

Hmm not quite sure what you mean.
But change the width of the other one two? Seems sensible.

yeah, i was thinking about that - i just don't want to distort the look of it

I didn't want it to cut into the middle of the page.

Well it's the only way.
You have two options:
1. Just change the right one
2. Change both.

Try each and see which you prefer.