DWWEB.RU
СКРИПТЫ

Резиновая таблица, Растянуть таблицу.

2018/05/18 Марат 485 0 HTML | CSS | TABLE |

Когда вам требуется сделать резиновую таблицу. То прежде всего – вам следует знать, что у страницы есть отступы по умолчанию, которые вам не позволят сделать резиновую таблицу и растянуть её без ошибки.

Ошибка будет в данном случае – что у вас появится колесо прокрутки по горизонтали – это однозначно! Хотя на самом деле она там и не должна поваляться. Я не буду повторять о том, что уже сегодня написал об отступах на странице.

Первыми шагом уничтожим margin по умолчанию, который составляет 8 px. Если мы умножим 8 px на 2 то получим 16 px сбоку нашей резиновой таблицы, поэтому наш браузер и будет отображать колесо прокрутки.

margin: 0px;

Ну и далее, как говорится – дело в шляпе!

Создаем требуемую таблицу - не буду приводить код резиновой таблицы – вы сможете посмотреть его нажав в браузере сочетание клавиш ctrl + U - ниже ссылка на пример.

Но как сделать резиновую таблицу!?

Для этого нужно вместо пикселей поставить проценты! Общая ширина таблицы – будет равна 100%, ну и остальные столбцы нужно поделить тоже на проценты. Для одного из столбцов ширину ставить не обязательно, он будет пропорционально уменьшаться в зависимости от поведения других столбцов!

Например таким образом:

table {

width: 100%;

}

Пример
Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019