Tabbox with vflex=true in IE [closed]

asked 2013-02-06 16:18:25 +0800

Neus gravatar image Neus
1415 14

updated 2013-02-11 09:16:59 +0800

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)?

delete flag offensive retag edit

The question has been closed for the following reason "the question is answered, right answer was accepted" by Neus
close date 2013-02-18 07:57:08


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 )edit

I 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

2 Answers

Sort by ยป oldest newest most voted

answered 2013-02-18 07:56:04 +0800

Neus gravatar image Neus
1415 14

updated 2013-02-18 07:56:29 +0800

Finally I used a borderlayout to make it look good. I didn't want to use such a heavy component but it works.

link publish delete flag offensive edit

answered 2013-02-06 18:08:50 +0800

sjoshi gravatar image sjoshi flag of India
3493 1 8

See Fiddle tab box updated Sorry but i just copy and paste your code do some modification please let me know if this will fix your issue as i am seeing in IE9 it is working fine from my side

link publish delete flag offensive edit


Hi sjoshi, your example is not working fine for me because it makes the window to scroll as you can see in this image: http://img32.imageshack.us/img32/1530/sinttuloly.jpg . I tried it with IE8 and IE9 and in both browsers the scrollbar appears

Neus ( 2013-02-07 08:02:00 +0800 )edit

Yes i added scrollbar to overcome your issue and your button are visible clearly in IE9

sjoshi ( 2013-02-07 08:26:48 +0800 )edit

See my question that I edited for a better explanation of what I need

Neus ( 2013-02-07 09:48:11 +0800 )edit

Question tools




Asked: 2013-02-06 16:18:25 +0800

Seen: 33 times

Last updated: Feb 18 '13

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More