0

issue with vflex="min" and padding: the padding on the bottom is not correct

asked 2011-06-29 08:48:30 +0800

myzkdemo gravatar image myzkdemo
154 3

Hi,

I have an issue with vflex="min". Paddings of componentes with vflex="min" get a to high padding on the bottom.

Please test the example code and change the padding value:

<zk>
<box vflex="min" style="background: yellow; padding: 10px">
	<div height="200px" width="200px" style="background: red;"/>
</box>
</zk>

Is this a bug? I'm using ZK 5.0.7.1.

regards,
Gunter

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2011-07-04 06:56:01 +0800

matthewgo gravatar image matthewgo
375

Hi
Do you mean that you get a "too" high padding on the bottom.?
I try and everything looks fine.
can your provide more detail ?

link publish delete flag offensive edit

answered 2011-07-05 06:49:17 +0800

myzkdemo gravatar image myzkdemo
154 3

Hi,

the problem is only in IE. The firefox shows the padding correct.

I guess there is a wrong calculation of the bottom padding combined with the using of vflex="min". If you remove the vflex="min" the IE shows the correct padding.
If you change the padding value from 10px to 20px the bottom padding enlarged extreme. It seems the botton padding value works like a factor for the calculation of the bottom padding high.

regards,
Gunter

link publish delete flag offensive edit

answered 2011-07-05 23:55:21 +0800

matthewgo gravatar image matthewgo
375

Hi
This is a bug , please follow this thread

link publish delete flag offensive edit

answered 2011-07-06 05:11:16 +0800

myzkdemo gravatar image myzkdemo
154 3

updated 2011-07-06 05:12:06 +0800

Ok, thanks for your info.

regards,
Gunter

link publish delete flag offensive edit

answered 2011-07-06 22:33:23 +0800

jumperchen gravatar image jumperchen
3909 2 8
http://jumperchen.blogspo... ZK Team

Hi,
So far we don't have a good way to fix it.
Here lists the browser's behavior - https://spreadsheets.google.com/spreadsheet/ccc?key=0AllR_9yghVpHdGZzRVVxa0pueEZudkZYRl9CdWtDb1E
X: meaning it should not have
V: meaning it should have
Miss: meaning it should have, but not have

To workaround this is to use a Div or vlayout to specify with padding style, rather than specify
the style on the table element.(box component)

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2011-06-29 08:48:30 +0800

Seen: 416 times

Last updated: Jul 06 '11

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