YuLink

Рейтинг

Регистрация

09.07.2011

11 октября 2011, 18:21

margin-top специально сделан чтобы смоделировать ситуацию, когда блок с position:fixed находится выше верхнего края родительского блока. Очень странно, что у Вас паразитная прокрутка не происходит... У меня и на 10 и на 11.51 опере этот нехороший эффект происходит

Отвечу на вопросы по HTML, CSS, Jquery

10 октября 2011, 21:34

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>

в моей теме мне никто не ответил, может вы знаете решение ?

Постраничная навигация по сайту

10 октября 2011, 16:42

и строку пагинации формировать надо динамически, а способом - <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;