Как растянуть таблицу в html на всю страницу
Перейти к содержимому

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

  • автор:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vlad_IT

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

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

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

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

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

Пример

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

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


✖ ❤ Мне помогла статья нет оценок
18048 просмотров нет комментариев 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

Вход на сайт

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *