Jump to content
  • 0

текст в столбике таблицы всё время поверху


snake2
 Share

Question

здравствуйте, подскажите пожалуйста как можно сделать следующее.

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

если у #test сделать position:fixed то строчка как бы выскакивает из таблицы и таблица смещается влево и строчка оказывается прям на таблице поверх других записей.


<style>
/*#test{position:fixed;} */
</style>
<table border=1>
<tr>
<td >
<div id=test>этот текст должен быть всё время сверху</div>
<td>
<table border=1>
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<tr><td>aaa <td>bbb <td>ccc
<!--здесь типа много этих строчек,чтоб экран прокручивался.просто удалил чтоб на форуме тема была читабельной... -->
</table> </tr>
</table>

Edited by snake2
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Вообще ваш код ужасен. Не ленитесь закрывать теги, вам же проще будет разбирать свой же код через N-нное время после того как вы его написали.

Если вам нужно чтоб не прокручивалась именно ячейка в таблице а остальное прокручивалось, то вообще никакие fixed тут не требуются.

http://jsfiddle.net/XKsA7/

в случае если нужна именно прокрутка страницы то:

http://jsfiddle.net/2bKaP/

Edited by wwt
Link to comment
Share on other sites

  • 0

Вообще ваш код ужасен. Не ленитесь закрывать теги, вам же проще будет разбирать свой же код через N-нное время после того как вы его написали.

это какбы для примера,так стараюсь закрывать всё)

Прокрутка ячейки не нужна.

нужно примерно как во втором способе,но чтоб текст находился не сверху НАД таблицей,а сверху СЛЕВА ОТ таблицы.как будто два окна фрейма.

Link to comment
Share on other sites

  • 0

Вообще ваш код ужасен. Не ленитесь закрывать теги, вам же проще будет разбирать свой же код через N-нное время после того как вы его написали.

это какбы для примера,так стараюсь закрывать всё)

Прокрутка ячейки не нужна.

нужно примерно как во втором способе,но чтоб текст находился не сверху НАД таблицей,а сверху СЛЕВА ОТ таблицы.как будто два окна фрейма.

Если решили использовать position:fixed то 4 других свойства CSS помогут вам позиционировать элемент в нужное место страницы, это:

top:

right:

bottom:

left:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy