# Difference in rendering between IE and GroupBox firefox

andreasboos
103 3

Hi
The rendering component GroupBox is different when run in Firefox (3.6.4) compared to IE (8).

In IE the defined size is obeyed while in Firefox there is an increase in the width and height. Something around 35px.

I test this sample on site (http://www.zkoss.org/zksandbox/userguide - version 5.03) and did the same problem.

My version is ZK 5.0.4 EE FL 02/08/2010.

Another thing I noticed is that the distance from the left edge of the caption is also different between the two browsers. IE is very close to the left edge while in firefox is much more away from the edge. Note too the placement of the button that is inside the GroupBox, it also is in position different in two browsers.

groupbox.zul

<window width="300px" height="300px" id="test">
<groupbox width="200px" height="200px" id="grp" style="position:absolute;top:200px;left:200px;">
<caption>
caption value
</caption>
<button label="test" />
</groupbox>
</window>

delete retag edit

## 2 Replies

RyanWu
533 2

the problem you mentioned is cause by the browser's implement of HTML tag <fieldset>

you can take a look the result of following code in IE / Firefox / Chrome

<window width="300px" height="300px" id="test">
<html>
<![CDATA[ <fieldset> <legend>Hello </legend> Line 1 <p> my name ryan </p> 　　</fieldset>
]]>
</html>
</window>

andreasboos
103 3

Hi

Yes I had posted as a bug. But tommyeh told me to use the version "3d" in order to ensure GroupBox sizes in all browsers.

Thanks.

[hide preview]