Issue 1100: header center has has too much spacing in IE7
Status:  Invalid
Owner: ----
Closed:  Aug 2013
Reported by martindr...@gmail.com, Sep 2, 2011
Try this and then look at the header in IE7 vs FireFox. The header center block has extra padding left and right causing the whole header to overflow outside.

JS:
var calendar = $('#calendar');
calendar.fullCalendar({
	header: {
		left: 'title',
		center: 'today prev,next',
		right: 'month,basicWeek,basicDay'
	},
	firstDay: 1,
	height: 300
});

CSS:
#calendar {
	padding:10px;
	width:400px;
	margin:10px 20px 0 20px;
	padding:10px 20px 20px 20px;
	background-color:white;
	border: 1px solid #DDD;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;}
	
#calendar .fc-header {
	font-size:11px;}
	
#calendar .fc-header h2 {
	font-size:12px;
	padding:5px 0;
	width:150px;
	color:#333;}

fullcalendar_bug.png
32.4 KB   View   Download
Sep 6, 2011
Project Member #1 althaus.it
(No comment was entered for this change.)
Status: Reproducing
Aug 13, 2013
Project Member #2 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Invalid
Labels: -Type-Defect Type-Bug