Jump to content
  • 0

div scroll XHTML-?


art-factor
 Share

Question

Здравствуйте, дорогие форумчане.

Такая проблема:

Не получается отладить в XHTML scroll у <div id="scroll"> (http://www.fahrschule-mering-wybiral.de/).

Задача состоит в том, чтобы прокручивалось содержимое только этого div-a. Всё остальное содержание старницы должно оставаться фиксированным.

<div id="scroll"> выделен пунктирной рамкой.

В HTML.4 это работало (http://art-factor.gmxhome.de/Home-DE-Gemaelde-Grafik.html)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Как решить эту задачу в XHTML???

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Заранее благодарен за помощь ))?

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

XHTML ни при чем. На сайте по второй ссылке совсем другая структура (причем имхо довольно неудобная — пока скроллер в верхней части, под наползающим градиентом, за него не схватишься, приходится вначале кликать полоску скроллбара ниже либо скроллить колесом).

А на проблемном сайте у дива с id="scroll" высота определяется по содержимому (height:auto), поэтому он не переполняется и скроллинг у него не появляется. В body он не помещается, да — но у того скроллинг убит напрочь из-за overflow: hidden, поэтому и там скроллбара нет.

Чтобы у <div id="scroll"> появилась прокрутка, надо сделать его высоту зависящей от контейнера, а не от контента. Простейший, имхо, вариант — сменить position с relative на absolute и добавить bottom:0.

Link to comment
Share on other sites

  • 0

Спасибо за ответ.

Я нашёл другое решение.

За-fix-ировал всё то, что должно оставаться при прокрутке на месте и оставил body по умолчанию avto scroll-ится.

Чтобы балка прокрутки была всегда, даже если содержимого мало, установил html { height: 101%; }

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