网格页脚在IE以外的浏览器上消失

时间:2009-12-16 11:28:27

标签: html css

我在主页上的IFrame中显示网格。网格使用CSS文件来定义行,列,标题和放大器的设计。页脚。

下面是网格的图像。在页脚中,您可以看到页面导航链接。

alt text

问题是这个页脚显示在IE上,但在所有其他浏览器中都是不可见的。我需要在这个CSS代码中做些什么改变:

body { font: 0.8em Arial; }

/* Datagrid Table */
table.tbl { width:100%; border: 2px solid #94DEFA; font-size: 0.9em; clear: both; }
table.tbl tr td:first-child { display: none; }

/*td.tbl-header { background: url(/images/head_bg.gif); text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; }*/
td.tbl-header { background-color:#94DEFA; text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; }
tr.tbl-footer {}
table.tbl-footer {display:table-row; font-size: 1em;}
tr.tbl-row {height: 40px}
tr.tbl-row:hover { background: #EBFFFF; cursor: pointer; } /* Old color: #E9E9E9 */
tr.tbl-row-even { background: #F5F9FF; }
tr.tbl-row-odd { background: #FFFFFF; }
tr.tbl-row-highlight:hover { background: lightblue; cursor: pointer; }
td.tbl-nav { background: url(/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }
/*td.tbl-nav { background-color:#c3daf9; height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }*/
/*td.tbl-nav { background-color:white; height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }*/
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-cell {}
td.tbl-controls { text-align: center; }
td.tbl-found {}
td.tbl-checkall {}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}

1 个答案:

答案 0 :(得分:0)

我怀疑这段代码是在IE8中开发的。如果是这样,您最好的选择是重新开始编写符合标准的浏览器(如Firefox或Opera),然后通过条件注释应用所需的自定义更改以使IE看起来正确。