Problem with Layout on Tabs and resizeing the browser window

[Stefan B.]

I have placed a layout on an easyui tab. That's fine.
But if I resize the Browser window to a smaller window, no scrollbar is shown for the layout on the tab.

What is the problem there?

Code:

<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north', border:false" class="content-filter" style="height:400px;">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'north', split:true, border:false" style="height:40px">infotext</div>
            <div data-options="region:'center', border:false">
		<form method="post" id="wavePlanningForm" enctype="application/x-www-form-urlencoded">...</form>            
            </div>
        </div>
    </div>
    <div data-options="region:'center', border:false, collapsible:true, split:false, title:'tabelle ...'">
	<table id="dCustomerWaves"></table>
    </div>
</div>

[stworthy]

You have set the 'north' region panel with a fixed height(400px). Please try to set its height with percentage.

Code:

<div data-options="region:'north', border:false" class="content-filter" style="height:30%;max-height:400px;">
...
</div>