Страницы: 1
Да пример есть.
Он работает в 3.6.х и не работает в 11
<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="utf_8"/>
<title>Табель </title>
<style type="text/css">
table {border: 1px;width: auto;
table-layout:fixed;
border: solid 1px;
font: normal normal 12px Verdata,Geneva,Arial,Helvetica,sasns-serif;
}
thead.fixedHeader tr { position:relative;}
tbody.scrollContent { height: 450px;overflow-y:scroll;overflow-x:hidden;}
td {width:25px;
}
td:hover { background:#7cfc00 ;}
tr:hover { background:#a0ffc0 ;}
</style>
</head>
<body>
<table border cellpadding="1" cellspacing="0">
<thead class="fixedHeader">
<caption align="top"><font size=+1 color=blue>ООО "СИГ" </font></caption>
<tr bgcolor=#FFDEAD><th>№<th>Подр<th>Таб №<th>Ф.И.О<td></tr>
</thead>
<tbody class="scrollContent">
<tr align=center><td>1<td>137<td>0012<td align=left nowrap>Иванов П.П.<td></tr>
<tr align=center><td>2<td>137<td>0012<td align=left nowrap>Иванов П.П.<td></tr>
<tr align=center><td>3<td>137<td>0012<td
А может быть такая ситуация что ff3.6.x поддерживает какието вещи css3 а ff11 нет?
Сабж!
Да но в 3.6.x работает! Без проблем. Так что дело не в этом.А в чем то другом.
Вот полностью работающий пример в 3.6.х работает в 10.1 нет
[code]<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="utf_8"/>
<title>Табель </title>
<style type="text/css">
table {border: 1px;width: auto;
table-layout:fixed;
border: solid 1px;
font: normal normal 12px Verdata,Geneva,Arial,Helvetica,sasns-serif;
}
thead.fixedHeader tr { position:relative;}
tbody.scrollContent { height: 450px;overflow-y:scroll;overflow-x:hidden;}
td {width:25px;
}
td:hover { background:#7cfc00 ;}
tr:hover { background:#a0ffc0 ;}
</style>
</head>
<body>
<table border cellpadding="1" cellspacing="0">
<thead class="fixedHeader">
<caption align="top"><font size=+1 color=blue>ООО "СИГ" </font></caption>
<tr bgcolor=#FFDEAD><th>№<th>Подр<th>Таб №<th>Ф.И.О<td></tr>
</thead>
<tbody class="scrollContent">
<tr align=center><td>1<td>137<td>0012<td align=left nowrap>Иванов П.П.<td></tr>
<tr align=center><td>2<td>137<td>0012<td align=left nowrap>Иванов П.П.<td></tr>
<tr align=center><td>3<td>137<td>0012<td align=left nowrap>Иванов П.П.<td></tr>
<tr align
Почему вот такое CSS описание таблицы (таблица с фиксированной шапкой и скролингом таблицы)
работает только в 3.6.x в 4.х или 10.х не работает хоть тресни?
Что надо исправить чтоб заработало в 10.х? Или это в принципе не возможно.
Как тогда сделать таблицу с фиксированной шапкой и скролингом таблицы?
<style type="text/css"> table {border: 1px;width: auto;height:1000px; table-layout:fixed; border: solid 1px; font: normal normal 12px Verdata,Geneva,Arial,Helvetica,sasns-serif; } thead.fixedHeader tr { position:relative;} tbody.scrollContent { height: 450px;overflow-y:scroll;overflow-x:hidden;} td {width:25px; } td:hover { background:#7cfc00 ;} tr:hover { background:#a0ffc0 ;} </style>
Страницы: 1