Gantt is not resizing(shrinking) when width is set as 100%

The gantt is defined as below. I want the gantt to resize( shrink) to left and show the help topic with in the content area. The columns with in the task chart display area is using fixed width and that seem to cause the problem. Is there a way to use % for the column width to fix this issue(or any other suggestions)
Attaching the screen shot with the problem when using gantt and the display of the help shown right in another page.


When you reduce the width of the Gantt container, scrollbar is appeared instead of resizing columns.

The columns in the timeline area aren’t resized dinamically depends on Gantt container width. To change the width of the columns, you need to set new value of min_column_width config. … onfig.html