Как растянуть таблицу на всю страницу html

Как растянуть таблицу в html

Чтобы растянуть таблицу в HTML, можно задать ей ширину в процентах или пикселях.

Например, чтобы растянуть таблицу на всю ширину страницы, можно задать ей ширину 100%:

 style="width:100%">  Заголовок 1 Заголовок 2 Заголовок 3   Ячейка 1 Ячейка 2 Ячейка 3   

В этом примере таблица будет занимать всю ширину родительского элемента, в данном случае — всю ширину страницы.

Также можно задать ширину таблицы в пикселях:

 style="width:800px">  Заголовок 1 Заголовок 2 Заголовок 3   Ячейка 1 Ячейка 2 Ячейка 3   

В этом примере таблица будет иметь фиксированную ширину 800 пикселей.

Выравнять таблицу на всю высоту страницы и по центру

И как всегда это бывает все поехало. Перестало работать растягивание страницы на всю высоту страницы. В чем дело? Тэг

и мешает. Если его убрать — все работает, но проблема, таблица выровнена не по центру. Т.е. или одно или другое. Или высота 100% или выравнивание по центру. Вопрос прост. Как совместить желаемое? Высота таблички должна быть 100%, и выравнивание по центру страницы. P.s. Давно хотел задать вопрос уровня школьника но стеснялся. Даже обидно как то такое спрашивать. День пришел ))

Как растянуть таблицу по ширине?

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

• Вопрос задан более трёх лет назад
• 4317 просмотров

Комментировать

Решения вопроса 0

Ответы на вопрос 2

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

table-layout установите на fixed.

Растянуть таблицу на всю ширину без отступов (CSS)

Чтобы растянуть таблицу на всю ширину браузера и по краям не было отступов, сперва необходимо обнулить внешние и внутренние отступы тегов и , затем установить значение width: 100% .

Пример

/** * Чтобы не было отступов, необходимо обнулить отступы * у тегов body и html */ html, body < margin: 0; padding: 0; >/** * Ставим ширину 100% */ table < width: 100%; border-collapse: collapse; >th, td

Колонка 1	Колонка 2	Колонка 3
Текст первой колонки	Текст второй колонки	Текст третьей колонки

✖ ❤ Мне помогла статья нет оценок
17697 просмотров нет комментариев chepro 17 сентября 2013

Категории

Читайте также

• div height 100 (CSS)
• Ссылка без подчеркивания
• Размер шрифта (CSS)
• CSS хак (IE7)
• CSS хак (IE8)
• Запретить выделение текста (CSS)
• Курсор рука (CSS)
• Min-width для IE6
• CSS меню картинками
• Резиновая верстка div 3 колонки (HTML)
• Как подключить CSS только для IE 6
• Валидный HTML-тег HR

Комментарии

Написать комментарий
© Экспэнч 2010-2024
При полном или частичном копировании статей сайта указывайте пожалуйста ссылку на источник
Хотите узнать больше информации, пишите на: artem@expange.ru

Вход на сайт

Введите данные указанные при регистрации:

Социальные сети

Вы можете быстро войти через социальные сети: