There is something wrong with my css of full calendar. Width auto is not responding

Question

I'm using Full Calendar to show some events dates but having problem with widht value. I want it to be able to work properly at minimum 1024x768 resolution and other bigger screen sizes ( such as 1366x768 sized ) I tried quoting every width value in fullcalendar.css, enabling, disabling all css files one by one, inserting inline styles. Somebody advised working with bootstap responsive but it didn't gone well either. Right now i can see my calendar perfect in 1024x768 resolution but in bigger resolutions there is a gap between calendar and right tables. I used chrome's tool inspect element and it says there is nothing on that empty area such as margin or padding. my header is: ```

Accepted Answer

Take fullcalendar.print.css out and make sure you have full calendar css and js only to rule out any print css issues. The print css should only be incuded for print media and not for screen. Have a look at FullCalendar Source on this page I cant find any reference to print.css in the header.

There is something wrong with my css of full calendar. Width auto is not responding

Solution

Problem