Sajgak.ru

  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта
CSS

Как вставить внутрь таблицы большой (широкий) элемент, чтобы ширина таблицы сохранилась?

Пусть у нас есть таблица и внутри неё огромный блок PRE:

<Style>
table{width:400px; border:1px solid gray;}
PRE{overflow:scroll;}
</Style>
<TABLE><TR><TD>
<PRE>132432 6543654 7654976 976586754 9870987 7654765 98760876 635438 765876 087576 085867 478659877 654765 876987 7654765</PRE>
</TD></TR></TABLE>

ширина таблицы задана в 400px,  у PRE задано значение  overflow:scroll, однако, вывод получается следующий: см. пример . Ширина PRE и таблицы очень большая, scroll не работает.

Решение: table-layout:fixed

CSS
1
2
3
4
table{width:400px; border:1px solid gray; table-layout: fixed}
PRE{overflow:scroll;}   

см. пример

Обновлено 16.10.2010 00:47
 

CSS. Полезные ссылки

Спецификация СSS2.1: На англ.   На русском 
Справочник CSS: http://htmlbook.ru/css/
Tags:
Обновлено 16.10.2010 00:46
 


Статьи и заметки о создании сайтов

Другие статьи и заметки

Разработка сайтов

Я окончил математико-механический факультет. Более 10 лет занимаюсь веб-программированием. На данный момент, в основном, пользуюсь CMS Wordpress и 1С-Битрикс. По поводу создания или доработок сайтов на этих и других CMS пишите мне:

Подробнее обо мне и о реализованных проектах

Рекомендую

Рекомендую всем хостинг 1gb.ru. Работает хорошо. Особенно радует техподдержка. Как-то раз они даже в мой PHP-код залезли и помогли решить проблему.

Кроме того, рекомендую всем хостинг Timeweb. Не очень мне нравится техподдержка (по сравнению с 1gb). А так же не рекомендую VDS на FreeBSD. Но, в остальном, всё работает замечательно. Замечательно подходит для больших проектов, особенно на Битриксе.