asked
2013-02-06 16:18:25 +0800
Neus 1415 ● 14 Hi,
I have a problem developing a layout. I have a window with height 100%. This window have some fields at the top, a tabbox and some buttons at the bottom.
I want the tabbox to fill all the free space so I set its vflex to true.
In Chrome, Safari and Firefox it works OK, but in IE (8 and 9) the buttons at the bottom appears incomplete.
I upload my code to the fiddle and it acts the same way. Here's the link:
http://zkfiddle.org/sample/17qroam/1-Tabbox-with-vflex
Try it with Chrome. It looks OK. Then try it with IE8 or IE9. The buttons are incomplete.
Why is vflex working this way? Any solution to make it look well in all browsers?
Thank you
EDIT:
@sjoshi Both in IE9 and in IE8 I have to scroll down to see the buttons.
I want that it looks like my example in Chrome. All the components visible without the need to scroll down. The window must be 100% height and its content must not overflow the window's height. And all the space until the buttons (which have to be at the bottom of the window, but visible) must be filled by the tabbox.
But I can't find the way to make it look well with IE. And I don't know why it looks different from Chrome.
How can I make this layout looking well on all browsers (IE included)?
Sorry ..may be someone help you better than me..I dont like IE every time in each technology i saw IE is bottleneck NOT in ZK i saw plenty of other technology IE always tough to resole the issue
sjoshi ( 2013-02-07 11:30:14 +0800 )editI don't like IE netiher because the same reason as you. I found it difficult to make the windows look well in this browser even with ZK. But I need to make my applications suitable with all broswers. Hope anyone can help me, thank you anyway!
Neus ( 2013-02-07 11:48:57 +0800 )edit