Перейти к содержимому

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

  • автор:

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

Проблема такая, делаю сайт из 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>

Как установить ширину таблицы через стили?

Установить ширину таблицы в пикселах или процентах через стили.

Решение

Для определения ширины таблицы используйте стилевое свойство width , применяя его к селектору table , как показано в примере 1.

Пример 1. Ширина таблицы

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Ширина таблицы    

В данном примере ширина всей таблицы устанавливается как 100%, а ширина левой колонки 100px. Это достигается за счёт добавления свойства width к селектору td с именем определённого класса ( ).

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

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

  • Как добавить картинку на веб-страницу?
  • Как добавить иконку сайта в адресную строку браузера?
  • Как добавить фоновый рисунок на веб-страницу?
  • Как сделать обтекание картинки текстом?
  • Как растянуть фон на всю ширину окна?
  • Как выровнять фотографию по центру веб-страницы?
  • Как разместить элементы списка горизонтально?
  • Как убрать подчеркивание у ссылок?
  • Как убрать маркеры в маркированном списке?
  • Как изменить расстояние между строками текста?
  • Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
  • Как открыть ссылку в новом окне?

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

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

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

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

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


✖ ❤ Мне помогла статья нет оценок
17607 просмотров нет комментариев 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-2023
При полном или частичном копировании статей сайта указывайте пожалуйста ссылку на источник
Хотите узнать больше информации, пишите на: artem@expange.ru

Вход на сайт

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

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

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

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

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