Year and Month view not properly rendered in Firefox, Chrome, and IE8 [#682072]

I cloned the calendar view that came with Calendar 6.x-2x-dev.
Date Module is version: 6.x-2.x-dev

I'm using the Calendar and Date modules as is. I have not changed any of its source codes.

I'm using the pager that came with the calendar view.

The issue is that the rendering of the Year and the Month view is not consistent among the browsers, please see attachment.

If I view my calendar (by year or month) in Firefox, the columns are squeezed too close together leaving a large blank area. The color scheme is ok.

If I view my calender (by year) in Chrome, the columns are squeezed too close together leaving a large blank area. The color scheme is ok.

If I view my calendar (by year or month) in IE8, it fits perfectly but the color scheme is different from Firefox and Chrome.

Need help on this.

Thanks,

Abe

Comment	File	Size	Author
	year_month_view_issue.xls	851.5 KB	abebantegui

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

arlinsandbulte CreditAttribution: arlinsandbulte commented 12 January 2010 at 13:22

Category:

bug

» support

This is most likely a theme problem. Try switching to another theme to check (like Garland).

For me, this works fine in FF, Chrome, & IE8

Comment #2

abebantegui CreditAttribution: abebantegui commented 12 January 2010 at 17:27

Hi arlinsandbulte,

It is a theme issue. I tried using Garland and Marvin, the rendering of the calendar works fine. If I go back to conch, problem comes back.

Thanks for the feedback.

Abe

Comment #3

arlinsandbulte CreditAttribution: arlinsandbulte commented 12 January 2010 at 18:57

I found some of the problem:

In /sites/all/themes/conch/css/default-style.css
Disabling the float:left in #st_center_inner expands the calendar grid to the full width.
The red coloring might be related to the #st_center {background:#D70B17; } statement.

This was only BRIEFLY checked out in FF3.
No idea if the above changes break other sections of the website or how it works out in IE or Chrome.

Comment #4

abebantegui CreditAttribution: abebantegui commented 13 January 2010 at 16:58

Thanks for pointing me to the right direction and I fixed the rendering by:

1. removing the float:left in sites/all/themes/conch/css/default-style.css
2. changed a few things in sites/all/modules/calendar/calendar.css so that it coincides with the site's theme.

Thanks for the help.

I did notice a quirk while using the year view (Year is 2010 and today is the 14th of Jan). Here's what is happening:

1. If you click the Year link, you will be brought to Year 2010 - this works fine.

2. If you click the Month link, you will be brought to Dec 2010 - this will bring you to Dec 2010 month view, should be the current month.

3. If you click the Week link, you will be brought to the week where the 14th belongs to except its in Dec 2010, should be the week where Jan 14th belongs to.

4. If you click the Day link, you will be brought to the 14th of Dec 2010, should be the 14th of Jan.

5. If you click the Name of the Month, you will be brought to the correct month.

Need your thoughts on this and thanks again.

Abe