margin-top специально сделан чтобы смоделировать ситуацию, когда блок с position:fixed находится выше верхнего края родительского блока. Очень странно, что у Вас паразитная прокрутка не происходит... У меня и на 10 и на 11.51 опере этот нехороший эффект происходит
icemen777, ну вот такая вот задачка
Такая фигня наблюдается в Opere.
Если прокрутить слой вниз и что то начать вводить в поле ввода, то происходит прокрутка слоя наверх, кто знает как решить такую проблему (причем происходит это только если фиксированный слой выше основного).
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <link rel="stylesheet" type="text/css" href=""> <link rel="shortcut icon" type="image/x-icon" href=""> <script language="JavaScript" type="text/javascript"> <!-- function stPr(e){ return 1; } //--> </script> </head> <body> <div style="position:relative;height:700px;width:800px; overflow:auto;margin-top:100px;"> <table cellspacing=0 cellpadding=0 width="100%" border="1px solid black"> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 2</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 3</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 4</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 5</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 6</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 6</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 7</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 8</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 9</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 10</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 12</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 13</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 14</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 2</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 3</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 4</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 5</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 6</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 7</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 8</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 9</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 2</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 3</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 4</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 5</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 6</div></td> </tr> <tr> <td width="50px"> <div style="height:30px">rrrrr 1</div></td> </tr> </table> <div id="" style="position: fixed; left: 340px; top: 40px; z-index: 1002; background-color: #d3d3d3; width: 800px; height: 600px; overflow-x: auto; overflow-y: auto; display: block"> <input size="40" name="" type="text" value="jj"/> </div> </div> </body> </html>
в моей теме мне никто не ответил, может вы знаете решение ?
и строку пагинации формировать надо динамически, а способом - <a href="/?p=1"><a href="/?p=2"> совсем неудобно (при изменении количества страниц каждый рах вручную все это переписывать...)
Вот примерчик простейшего формирования строки пагинации, дальше развивайте мысль:
// следующие три переменные должны быть уже определены // $page = текущая, выбранная страница // $countPages = Количество всех страниц // $maxCountNum = Количество номеров страниц для отображения в пагинации // (пример: 2 3 4 5 6 7 8 - maxCountNum = 7 , настраиваете по своему желанию ) // $bNum = $page - ( floor($maxCountNum/2) ); // первый номер странички для вывода в пагинации $bNum = ($bNum<1)?1:$bNum; // Если он получился меньше единицы, значит первым // номером будет циферка 1. $eNum = $page + ( floor($maxCountNum/2)) ; // последний номер странички для вывода в пагинации $eNum = ($eNum>$countPages)?$countPages:$eNum; // если он превысил количество всех страниц, // то присвоим ему нужное значение $pagi = ''; // будущая строка пагинации for ($numPage=$bNum; $numPage<=$eNum; $numPage++) { // ну а в этом цикле сформируем // строку пагинации полностью, перебрав допустимые номера страниц // от bNum до eNum if ($numPage == $page) $pagi.= " <b>{$numPage}</b> " ; else $pagi.= " <a href='index.php?p={$numPage}'>{$numPage}</a> " ; } echo $pagi;
Доброго времени суток. Околостроительная тематика есть?
все гуд, разместился.
И мне тоже можно урлы сайтов в личку
