I am trying to create a StretchImg with the following images:
1) A start image for the left edge.
2) A "stretch" image.
3) A fixed-width middle image
4) The "stretch" image again.
5) An end image for the right edge.
Now, images (2) and (5) are identical and should split the stretch space between them; i.e., I want the middle image to show up exactly in the middle of the button. So, I did this:
In IE this works great; the two stretch images take up half the stretch space each and the middle image shows up exactly in the center.
However, in Firefox the first stretch image gets squeezed into zero space and all the stretch space is given to the second stretch image. That is, I get the middle image showing up next to the start image, all the way on the left. Is there any way to prevent this behavior?
1) A start image for the left edge.
2) A "stretch" image.
3) A fixed-width middle image
4) The "stretch" image again.
5) An end image for the right edge.
Now, images (2) and (5) are identical and should split the stretch space between them; i.e., I want the middle image to show up exactly in the middle of the button. So, I did this:
Code:
items:[ {name:"start",height:"height",width:"capSize"}, {name:"stretch",height:"height",width:"*"}, {name:"middle",height:"height",width:"middleImgWidth"}, {name:"stretch",height:"height",width:"*"}, {name:"end",height:"height",width:"capSize"} ]
However, in Firefox the first stretch image gets squeezed into zero space and all the stretch space is given to the second stretch image. That is, I get the middle image showing up next to the start image, all the way on the left. Is there any way to prevent this behavior?
Comment