Добрый день.
На странице имеется большая таблица, выходящая за пределы экрана, и есть блок с некоторыми фильтрами. Необходимо чтобы при прокрутке страницы с таблицей, фильтр оставался бы на месте.
Сейчас у меня две проблемы:
1. Фильтр перекрывает данные в таблице
2. background-color для блока с таблицей почему-то закрашивает только половину блока по горизонтали. То, что справа, при прокручивании остается незакрашенным.
Подскажите что нужно сделать, чтобы исправить эти проблемы?
Вот пример моего кода:
<html>
<head>
<style>
.filter {
width: 150px;
height: 100%;
background-color: #F0F0F0;
position: fixed;
top: 0px;
right: 0px;
}
.content {
background-color: #F0E0F0;
}
</style>
</head>
<body>
<div class='content'><table border='1'>
<?php
for($row = 1; $row <= 100; $row++) {
echo "<tr><td>Row$row</td>";
for($col = 1; $col <= 50; $col++) echo "<td>Column$col</td>";
echo "</tr>";
}
?>
</table></div>
<div class='filter'><input type='edit' value='filter'></div>
</body></html>
Простой
Простой