[Closed] Calendar misaligned

I can't seem to get the Calendar to center in its module position.

You can see it here:

eflcommunity.com/

(I have temporarily added a table border to aid trouble shooting)

Any idea what the problem is?

Hi there,

I suspect it is "centered" however there is no space for it in your left position. As you can see the calendar sticks out on the right as the calendar exceeds the width of the left position.

You may wish to temporarily increase the size of your left position to see the impact, publish to a different position or change the align to left.

If you wish to play with the css, I believe the issue is that the calendar is inside the
<div class="module_round_box_middle"> and the leftmost position is where the "C" is in the word "Calendar" in the module header. (You will notice the left side of the table is aligned with the 'C'). If you wish it to be aligned all the way you would need to remove it from that Div. Note: There maybe a way to float left or perhaps use a negative left position to move left.

The other alternatives are to adjust the these two css entries which control the Calendar itself.
<div id="D_Calendar" class="D_Calendar">
<table border="1" align "center" width="100%">
You maybe able to put in a absolute position in the class D_Calendar. If you adjust the width also change the center to left align otherwise you just get more space on the left and less space on the right.

For D_Calendar see line 7 of the cal.styles.js file. This is where the calendar width is specified. The other lines in this file will help adjust your font size, etc.

If you do not have firebug, it would be ideal for such tasks.

Many thanks for the prompt and helpful reply!