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

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

  • автор:

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

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

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

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

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

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

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

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

Растянуть таблицу на всю ширину экрана

Author24 — интернет-сервис помощи студентам

Проблема такая, делаю сайт из 3х страниц, на 2х страницах все нормально, а на третьей не получается сделать масштабирование(чтоб растягивалось на всю страницу, а то много места справа получается), что не так пишу? уже все перепробовал

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
h2> TABLE> TR> TD align =center>IMG SRC="Images\9.jpg" height = 300 width = 390>/TD> TD>/TD> TD>/TD> TD align =center>IMG SRC="Images\10.jpg" height = 290 width = 390>/TD> /TR> TR> TD>/TD> TD align =center>IMG SRC="Images\11.jpg" height = 300 width = 300>/TD> TD align =center>IMG SRC="Images\12.jpg" height = 300 width = 300>/TD> TD>/TD> /TR> TR> TD>= left>IMG SRC="Images\13.jpg" height = 300 width =300> /marquee>/TD> TD>/TD> TD>/TD> TD>IMG SRC="Images\14.jpg" height = 300 width = 390>/TD> /TR> /table>

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

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

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

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

Решения вопроса 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
Текст первой колонки Текст второй колонки Текст третьей колонки


✖ ❤ Мне помогла статья нет оценок
17734 просмотра нет комментариев 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 не будет опубликован. Обязательные поля помечены *