-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Grid headers aren't showing ok using IE8. The problem can be visualized in ZK Live Demo, with IE8 open the Grid 1 and Grid 2
In both cases the headers are loaded incorrectly, the width of columns are wrong and the header's text aren't visible.
I've two grids with this exact same behavior. What could I do to fix it? Will it be fixed by the zk team? IMO this is a bug.
Regards,
Felipe Cypriano
I haven't even used IE8, but my suggestion would be to change the style of the grids and try and find a way to make it look good.
Grid Style guide
Hi James,
I'm trying to detect a CSS problem to solve. But I've found that when using IE8 the width of the elements are generated with strange values, for example:
Zul page:
<grid> <columns> <column label="Descrição" width="180px"/> <column label="Conteúdo"/> </columns> <rows> <row> Data de Emissão <datebox/> </row> </rows> </grid>
Using Firefox I get this generated html, pay attention in the style attribute the width of th:
<tr id="z_ft_h1" class="z-columns" align="left" z.mpop="zk_n_a" z.columnshide="true" z.columnsgroup="true" z.rid="z_ft_g1" z.zcls="z-columns" z.type="Cols"> <th id="z_ft_i1" class="z-column" z.zcls="z-column" style="width: 178px;" z.type="Col"> <div id="z_ft_i1!cave" class="z-column-cnt" style="width: 178px;">Descrição</div> </th> <th id="z_ft_j1" class="z-column" z.zcls="z-column" style="width: 813px;" z.type="Col"> <div id="z_ft_j1!cave" class="z-column-cnt" style="width: 813px;">Conteúdo</div> </th> </tr>
Using IE8 I get this:
<TR id=z_0t_h1 class=z-columns align=left z.type="Cols" z.zcls="z-columns" z.rid="z_0t_g1" z.mpop="zk_n_a" z.columnshide="true" z.columnsgroup="true"> <TH style="WIDTH: 993px" id=z_0t_i1 class=z-column _extended="true" z.type="Col" z.zcls="z-column"> <DIV style="WIDTH: 993px" id=z_0t_i1!cave class=z-column-cnt _extended="true">Descrição</DIV> </TH> <TH style="WIDTH: 0px" id=z_0t_j1 class=z-column _extended="true" z.type="Col" z.zcls="z-column"> <DIV style="WIDTH: 0px" id=z_0t_j1!cave class=z-column-cnt _extended="true">Conteúdo</DIV> </TH> </TR>
Clearly something is setting the width completely wrong using IE8. Any clues about who is the responsible for define the width?
Regards,
Felipe Cypriano
A bug in zk issue tracker was closed with this comment by jumperchen:
"fixed since 4/20.
Use the compatible mold with IE8."
So the correction of the bug is to use IE8 compatible mode? The problem will be just (no offense) ignored?
Hello,
James, setting the widths and using fixedLayout doesn't solve the problem. FYI, the compatible mode makes the IE8 render the page like the previous IE, theorically IE8 follow the standards.
iantsai, I'm asking because I think the problem isn't solve if I've to pass the responsibility for my user. IMO this issue shouldn't be closed (completely solved) because the fix is a workaround which is good and better than nothing but a fix should be implemented. And of course I would like to know what the zk team and the community thinks about this issue.
I think that some thing (I don't know if it's a class or javascript) is miscalculating the width for IE8, I wanna help to solve this but I don't know where to debug.
The main point here is to guarantee the compatibility of my new web app with the newest browsers.
Regards,
Felipe Cypriano
@lamh,
Could you provide a simple sample?
As far as I know, the bug is caused by IE browser itself, because it ignores the width of the table when its table-layout property is fixed.
@davout,
Have you tried the latest ZK 3.6.1 version, which uses the compatible mode to solve the issue.
/Jumper
Asked: 2009-04-27 17:49:26 +0800
Seen: 451 times
Last updated: Jun 12 '09