На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> scrollbar в pre
    Допустим, есть вот такая красота:
    ExpandedWrap disabled
      <!DOCTYPE html>
      <html>
      <head>
          <meta http-equiv="content-type" content="text/html; charset=utf-8" />
          <title>HTML</title>
      </head>
       
      <body>
          <table style="width:100%; border-style:solid;"><tr><td>
              Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!
              </td></tr></table><br>
          <table style="width:100%; border-style:solid;"><tr><td>
              <pre>Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!</pre>
              </td></tr>
          </table>
      </body>
      </html>

    Ширина первой таблицы = ширине внутренней части браузера. Текст в ней "заворачивается" на новую строку.
    Вторая же таблица вылезает за пределы, поскольку там <pre>. Текст не заворачивается (да и не надо).
    Как сделать (с помощью CSS(?)), чтобы вторая таблица была такой же ширины, как и первая, но там появился скролл-бар?
      ExpandedWrap disabled
        <style>
        table { table-layout: fixed; }
        table pre { overflow: auto; }
        </style>
      ?

      А вообще - почему таблица, а не div?
      0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
      0 пользователей:


      Рейтинг@Mail.ru
      [ Script execution time: 0,0237 ]   [ 16 queries used ]   [ Generated: 28.03.24, 19:01 GMT ]