Как сделать чтобы таблица не растягивалась html

Как сделать, чтобы колонки таблицы не растягивались по контенту?

Указывал для td атрибутом width ширину в процентах.
Указывал для td атрибутом style ширину в процентах.
Добавлял теги col.

Ничего не работает.

Я хочу сделать все td, начиная со второго, считая слева направо, одинаковой ширины.

То есть, столбцы «Украина» и «Россия» должны иметь одинаковую ширину, а «Даты/Страны» занимать все остальное пространство.

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

Комментировать
Решения вопроса 1

Web developer

htmlbook.ru/css/table-layout для таблицы в fixed и потом задавать ширины колонкам. Ширина задаётся либо для col либо ячейкам первой строки. По ссылке в принципе все и так написано.

Строки в таблице не растягиваются на всю ширину

Не могу понять в чем дело. Использую свойство table-layout: fixed, но строки идут по три на ширину окна браузера, но должны по одной. Может где-то ошибка в html-коде? Битый час сижу над этой проблемой, не могу решить.

table

 
 
 
Вид мебели
 
Доставка
 
Подъем на этажи
 
 
В пределах МКАД
 
Более 1 км от МКАД
 
На грузовом лифте
 
Ручной
 
 
 
 
МЯГКИЕ КРЕСЛА, КРЕСЛА КРОВАТИ, МАТРАСЫ
 
990 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
500 руб.
 
100 руб./этаж
 
 
ДИВАН ПРЯМОЙ, ТАХТА, КУШЕТКИ
 
990 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
600 руб.
 
200 руб./этаж
 
 
УГЛОВЫЕ И МОДУЛЬНЫЕ ДИВАНЫ
 
1390 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
Бесплатно
 
200 руб./этаж
 
 
ПУФИКИ, БЕСКАРКАСНАЯ МЕБЕЛЬ, КРЕСЛА-ГРУШИ
 
400 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
600 руб.
 
50 руб./этаж
 
 
КОРПУСНАЯ МЕБЕЛЬ. СТЕНКИ,СПАЛЬНИ, ШКАФЫ И Т.Д
 
от 900 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
Бесплатно
 
200 руб./этаж
 
 
МАЛЫЕ ФОРМЫ. СТОЛИКИ, КОМОДЫ, ТУМБЫ И Т.Д
 
от 690 рублей
 
30рублей /1км от МКАД, свыше 50км за МКАД - 50рублей/1км
 
700 руб.
 
50 руб./этаж
 
 
 

Изменение размера таблицы, столбца или строки

Настройте размер таблицы, ширину столбца или высоту строк вручную или автоматически. Вы можете изменить размер нескольких столбцов или строк и изменить пространство между ячейками. Если вам нужно добавить таблицу в документ Word, см . статью Вставка таблицы.

В этой статье

• Изменение ширины столбца
• Изменение высоты строки
• Придание нескольким столбцам или строкам одинакового размера
• Автоматическое изменение размера столбца или таблицы с помощью автоподбора ширины
• Отключение автоподбора ширины
• Изменение размеров всей таблицы вручную
• Добавление и изменение места в таблице

Изменение ширины столбца

Чтобы изменить ширину столбца, выполните одно из следующих действий:

• Чтобы использовать мышь, наведите курсор на правую сторону границы столбца, которую вы хотите переместить, пока она не станет курсором изменения размера , а затем перетащите границу до нужной ширины столбца.
• Чтобы задать точное значение для ширины столбца, щелкните ячейку в нем. На вкладке Макет в группе Размер ячейки щелкните в поле Ширина столбца таблицы, а затем укажите нужные параметры.
• Чтобы автоматически изменять ширину столбцов по содержимому, щелкните таблицу. На вкладке Макет в группе Размер ячейки нажмите кнопку Автоподбор, а затем щелкните Автоподбор по содержимому.
• Чтобы использовать линейку, выберите ячейку в таблице, а затем перетащите маркеры на линейке. Если вы хотите увидеть точную ширину столбца на линейке, при перетаскивании маркера удерживайте нажатой клавишу ALT.

Изменение высоты строки

Чтобы изменить высоту строки, выполните одно из следующих действий:

• Чтобы использовать мышь, наведите указатель на границу строки, которую нужно переместить, пока она не станет указателем изменения размера , а затем перетащите границу.
• Чтобы задать точное значение для высоты строки, щелкните ячейку в ней. На вкладке Макет в группе Размер ячейки щелкните в поле Высота строки таблицы, а затем укажите нужную высоту.
• Чтобы использовать линейку, выберите ячейку в таблице, а затем перетащите маркеры на линейке. Если вы хотите увидеть точную высоту строки на линейке, при перетаскивании маркера удерживайте нажатой клавишу ALT.

Придание нескольким столбцам или строкам одинакового размера

Наведите указатель на таблицу, пока не появится дескриптор перемещения таблицы , а затем щелкните дескриптор перемещения таблицы.

Одна или несколько строк

Щелкните слева от строки.

Столбец или несколько столбцов

Щелкните верхнюю линию сетки или границу столбца.

Щелкните левый край ячейки.

Автоматическое изменение размера столбца или таблицы с помощью автоподбора ширины

С помощью кнопки «Автоподбор» можно автоматически изменить размер таблицы или столбца по размеру содержимого.

1. Выберите таблицу.
2. На вкладке Макет в группе Размер ячейки нажмите кнопку Автоподбор.
3. Выполните одно из следующих действий.
4. Чтобы автоматически настроить ширину столбца, щелкните Автоподбор по содержимому.
5. Чтобы автоматически настроить ширину таблицы, щелкните Автоподбор по ширине окна.

Примечание: Высота строки будет автоматически изменяться по размеру содержимого, если не задать ее вручную.

Отключение автоподбора ширины

Если вы не хотите, чтобы ширина таблицы или столбца настраивалась автоматически, можно отключить автоподбор.

1. Выберите таблицу.
2. На вкладке Макет в группе Размер ячейки нажмите кнопку Автоподбор.
3. Щелкните Фиксированная ширина столбца.

Изменение размеров всей таблицы вручную

1. Наведите курсор на таблицу, пока в правом нижнем углу таблицы не появится дескриптор изменения размера таблицы .
2. Наведите курсор на маркер изменения размера таблицы, пока он не станет двунаконечной стрелкой .
3. Перетащите границу таблицы до нужного размера.

Добавление и изменение места в таблице

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

Поля ячеек находятся внутри ячейки таблицы, как синяя стрелка в верхней части рисунка. Интервал между ячейками, как оранжевая стрелка внизу.

1. Щелкните таблицу.
2. На вкладке Макет в группе Выравнивание нажмите кнопку Поля ячейки, а затем в диалоговом окне Параметры таблицы:
3. Выполните одно из указанных ниже действий.
   • В разделе Поля ячеек по умолчанию введите значения для верхнего, нижнего, левого и правого полей.
   • В разделе Интервал между ячейками по умолчанию установите флажок Интервалы между ячейками и введите нужные размеры.

Примечание: Выбранные параметры будут применяться только к активной таблице. Для всех новых таблиц будет использоваться исходное значение.

Как сделать чтобы таблица не растягивалась html

Сообщения: 364
Благодарности: 9

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

Однако, если в начале перед стоит строчка

то команда height=»100%» не работает. Таблица правильно растягивается по всей ширине экрана, но не растягивается по высоте. Всё работает как надо, весь сайт отображается корректно, как и задумывалось, но вот height=»100%» отказывается работать.

А вот если написать перед вот такие строки

то команда height=»100%» начинает работать, но перестаёт работать всё остальное. Шапка сайта сразу начинает плыть, начинает как то странно работать CSS, по ведомым только Богу законам. Слетают часть шрифтов, а часть шрифтов работает нормально. Одним словом сайт превращается в АБРА-КОДАБРУ, зато команда height=»100%» работает прекрасно.

А вот сам вопрос. Как можно заставить работать height=»100%» со строками перед

Engrossed by the Void

Сообщения: 2229
Благодарности: 60

Доброго времени суток. При коротком доктайпе (html) броузер рисует страницу в режиме совместимости. Потому что доктайп неправильный в таком виде. В режиме совместимости может быть большой бардак ибо нет стандартов. В случае второго доктайпа (xhtml) броузер переключается в режим соответствия стандартам в котором у table нет атрибута высоты, ее предлагают регулировать с помощью стилей. Стало быть:
1) Решение растяжения по высоте
2) статья по доктайпам

——-
Не могу дать более дельный совет — не хватает системных ресурсов.

Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Сообщения: 364
Благодарности: 9

Всё не могу, мозги кипят, всё перепробовал. Этот стандарт W3C сразу не даётся моему пониманию.

Прочитал вышеизложенный текст и добавил с CSS

html,body height:100%;
margin:0px;
padding:0px
>

Таблицу растянуть на весь экран это помогло, но вот жёсткие размеры других частей этой же таблицы сбились. И теперь я не знаю что делать. Хотел найти ответ в интернете, но что то не нашёл. Собственно нужно вот что:

Сделать таблицу 100% ширины и высоты, нижней ячейке задать высоту к примеру 100px, верхней в 155px, а оставшуюся часть экрана (среднюю) растягивалась. Подскажите, как это можно реализовать с помощью CSS?

Engrossed by the Void

Сообщения: 2229
Благодарности: 60

IE впереди планеты всей. чистым CSS лично у меня не получилось, может дело в конце рабочей недели, но факт. В общем, используя маленький хак, имеем:

      html, body < height:100%; margin: 0; padding: 0; >table < border: 0 none; border-collapse: collapse; >table td < padding: 0; border: 0 none; >table.rootTable < width: 100%; height: 100%; >table.rootTable td.header < background: red; height: 155px; >table.rootTable td.body < background-color: yellow; _height: expression(document.documentElement.clientHeight - 155 - 100 + 'px'); >table.rootTable td.footer 

Сообщения: 364 
Благодарности: 9 
Вот тут то и самая загвостка. В Oper-е 9.20 всё отображается так как надо, а вот IE-7.0 верхняя часть таблицы стала 406px, средняя 50px, а нижняя 262px. И я не могу понять алгоритм, откуда IE-7.0 взял эти значения? Ведь они нигде не прописаны. Такое ощущение, что значения 407, 50 и 262рх IE-7.0 взял с потолка. Но как так получилось, ведь написано чёрному по белому
table.rootTable td.header background: red; 
height: 155px; 
>
Откуда IE-7.0 взял эти 406px? Вот над вопросом я бьюсь уже чуть больше недели. Столько уже всего перечитал и до сих пор не могу понять логику IE-7.0. На одном из форумов по Мамбе у одного админа была такая же проблема. И он ещё решил заменой
Я так попробовал, и действительно работает. И в IE-7.0 и в Oper-е 9.20 таблица отображается как надо. Верхняя часть таблицы как и надо 155px, нижняя 100px, а средняя растягивается. Но тут же слетают все шрифты заданные в CSS, плюс сразу начинает плыть шапка сайта и сайт превращается в абра-кодабру. Другое дело
И я ищу ответ, как с этим тэгом сделать так, что б в IE-7.0 таблица отображалось корректно. 
Читать:
Как установить яндекс браузер на тв приставку xiaomi mi box s