Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!!

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

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

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

margin: 0px;

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

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

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

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

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

table {

width: 100%;

}

Пример

Вас может еще заинтересовать список тем : #HTML | #CSS | #TABLE |
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Паула :
10/07/2020 06:23
Коментариев
подробнее.
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.

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