You can't, a Viewport represents the entire visible area in the browser, and it always attaches itself to document.body.
See the docs on the viewport renderTo config:
http://docs.sencha.com/ext-js/4-0/#!/api/Ext.container.Viewport-cfg-renderTo
Code:
renderTo : String/HTMLElement/Ext.Element
Not applicable. Always renders to document body.
It sounds like what you're after is the layout option, or a different layout manager. Take a look at the layouts example:
http://dev.sencha.com/deploy/ext-4.0...t-browser.html