Why the right width is not shown by the browser

asked 2009-06-17 21:19:03 +0800

Rashid
81

Hi: Gurus I am designing a very simple ZK page with some vertical and horizontal boxes with a caption, group box and some windows, please see the code below. Here is my problem, when ever I run the code and see the page in a browser, the right width of the components are never rendered properly. E.g I never see the group box and caption covering 900 px in my browser, instead it shows a very small group box and the caption, the same is true for the windows inside the vbox. BTW these components look perfectly ok size wise when I see them in ZK visual editor. Can some one tell me what is goin on here, thanks in advance.


<?page title="new page title" contentType="text/html;charset=UTF-8"?>

<zk>

<vbox width="900 px">
<groupbox width="100 %" mold="3d">
<caption label="Test" width="100"></caption>
</groupbox>

<hbox width="100 %" height="80 px">
<vbox >
<window title="Test" border="normal" width="300 px"></window>
<window title="Test" border="normal" width="300 px"></window>
<window border="normal" title="Test" width="300 px"></window>
</vbox>

<vbox>
<window title="Test" border="normal" width="590 px"></window>
<window title="Test" border="normal" width="590 px"></window>
</vbox>

</hbox>
</vbox>

</zk>

RJ