# Grid header problem using IE8

fmcypriano
612 1 7
http://felipecypriano.com...

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

delete retag edit

## 12 Replies

james
255 2

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

fmcypriano
612 1 7
http://felipecypriano.com...

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

fmcypriano
612 1 7
http://felipecypriano.com...

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?

james
255 2

I'm not sure what the compatible mold (or mode) would be.
Try setting the width for both columns and using fixedLayout="true"
See what that does.

iantsai
2755 1

If you didn't think the problem has been solved, feel free to reopen it and give a reason, maybe ZK team lost some point which you took considered.

fmcypriano
612 1 7
http://felipecypriano.com...

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

davout
1435 3 18

All my grids fail to display column titles in IE8.

lamh
84 3

I have exactly the same problem with IE 8. I use ZK 3.6.1.

jumperchen
3909 2 8
http://jumperchen.blogspo...

@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

davout
1435 3 18

Yes I'm using r3.6.1 What is compatible mode?

[hide preview]