I suppose (seeing from the screenshots) that you have zone with Horizontal Orientation. This means that the docks inside will be ordered horizontally, instead off stacked vertically. We achieve this behavior by setting float: left
to the docks inside the horizontal zone. If there is no enough space (i.e. Width) on the current row to place a given dock, the dock will be moved to the next row. This is how CSS floating works. The floated elements will be shown right next to the other if there is enough Width.
So, if you have specified the Width of the zone in percentage values, then, on browser's resize the zone will also resize. In case the Width of browser window becomes smaller, the zone's Width will also become smaller, which means there won't be enough space for one (or more) of the docks and the dock(s) will appear on the next row, expanding the height of the zone (or overflowing it).
To avoid this RadDockZone's Width should be specified in pixels.
All the best,
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Telerik Public Issue Tracking
system and vote to affect the priority of the items