Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/git/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 网格页脚在IE以外的浏览器上消失_Html_Css - Fatal编程技术网

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

Html 网格页脚在IE以外的浏览器上消失,html,css,Html,Css,我在我的主页上的IFrame中显示一个网格。网格使用CSS文件定义行、列、页眉和页脚的设计 下面是网格的图像。在页脚中,您可以看到页面导航链接 问题是这个页脚显示在IE上,但在所有其他浏览器中都是不可见的。我需要在此CSS代码中进行哪些更改: body { font: 0.8em Arial; } /* Datagrid Table */ table.tbl { width:100%; border: 2px solid #94DEFA; font-size: 0.9em; clear: b

我在我的主页上的IFrame中显示一个网格。网格使用CSS文件定义行、列、页眉和页脚的设计

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

问题是这个页脚显示在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 {}

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

在线查看会很有帮助,我可以获得链接吗?可能与大小有关,因为您将行设置为40px的设置高度,不确定。我甚至调整了大小,但在其他浏览器上是不可见的。