Фиксированная шапка и <body> overflow: auto;

Tapakan · November 24, 2012

Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка.

<div id="bigdiv"> - имеет стили

#bigdiv {
max-height: 550px;
overflow: auto;
width: 1024px;
}

<div id="bigdiv">
        <table>
        <thead>     <!-- Шапка должна быть фиксированной --> 
        <tr>
        <td>Дата
        </td>
        <td>Имя пользователя
        </td>
        <td>Тип
        </td>
        <td>Удалить
        </td>
        </tr>
        </thead>   
        <tbody>    <!-- Должен прокручиваться -->
        <?
        $ch = mysql_query("SELECT * FROM `client`") or die(mysql_error());
        while($list = mysql_fetch_assoc($ch)) {
        echo '<tr><td>'.htmlspecialchars($list['datetime']).'</td><td>'.htmlspecialchars($list['username']).'
		</td><td>'.htmlspecialchars($list['type']).'</td></tr>';
        }
        ?>
        </tbody>
        </table>
        </div><!-- endbigdiv -->

Какие есть мюсли?

Edited November 24, 2012 by Tapakan

Николя223 · November 24, 2012

ой ну погуглите... шапку лучше сделать отдельной таблицей.

При скролинге страницы происходит проверка, если она выходит за рамки окна вверх, то ей задаётся position: fixed; top: 0%;

и наоборот... как то так реализуется

да... и если у вас всё же есть thead - то и пишите там <th> а не <td>

Edited November 24, 2012 by Николя223

Tapakan · November 24, 2012

Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка.

<div id="bigdiv"> - имеет стили

#bigdiv {
max-height: 550px;
overflow: auto;
width: 1024px;
}

<div id="bigdiv">
        <table>
        <thead>     <!-- Шапка должна быть фиксированной --> 
        <tr>
        <td>Дата
        </td>
        <td>Имя пользователя
        </td>
        <td>Тип
        </td>
        <td>Удалить
        </td>
        </tr>
        </thead>   
        <tbody>    <!-- Должен прокручиваться -->
        <?
        $ch = mysql_query("SELECT * FROM `client`") or die(mysql_error());
        while($list = mysql_fetch_assoc($ch)) {
        echo '<tr><td>'.htmlspecialchars($list['datetime']).'</td><td>'.htmlspecialchars($list['username']).'
		</td><td>'.htmlspecialchars($list['type']).'</td></tr>';
        }
        ?>
        </tbody>
        </table>
        </div><!-- endbigdiv -->

Какие есть мюсли?

Нужен вариант без 2 таблиц, реально ли это реализовать?

Николя223 · November 24, 2012

идея... можно сделать ещё одну шапку, которая будет отображаться в нужный момент... отсюда и отталкивайтесь

По поводу без двух таблиц... впринципе и строку фиксануть можно, но это опасно, как знать как разный браузер себя поведёт

Tapakan · November 24, 2012

идея... можно сделать ещё одну шапку, которая будет отображаться в нужный момент... отсюда и отталкивайтесь
По поводу без двух таблиц... впринципе и строку фиксануть можно, но это опасно, как знать как разный браузер себя поведёт

Ну и как мне этот нужный момент словить? Хоть на чем это пишется?

Николя223 · November 24, 2012

я б взялся, но я уже за седня норму кодинга выполнил ))

гуглите ))) вот что то похожее нагуглил

npofopr · November 25, 2012

Ищем так

если я все правильно понял.

Sign In

Фиксированная шапка и <body> overflow: auto;

Question

Tapakan

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Николя223

Link to comment

Share on other sites

Tapakan

Link to comment

Share on other sites

Николя223

Link to comment

Share on other sites

Tapakan

Link to comment

Share on other sites

Николя223

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information