Задать секциям одинаковую ширину

@Aqua77 · Регистрация: 13.07.2015

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

Создал 1 строку с 3 ячейками. Потом, решил добавить ещё одну строку только с одной ячейкой и, новая строка не отображается на всю ширину, а подстраивается под ширину первой колонки. Почему?

@mrtoxas · 24.07.2016, 01:28

Предоставьте код

@Aqua77 · 24.07.2016, 01:37 **[ТС]**

Быстрый код из строк и ячеек (не стал заполнять эти ячейки лишним кодом)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="table"> <!-- Сама таблица-->
<div id="stroka"> <!-- Первая строка -->
 
<section><!--Ячейка -->
</section>
<section><!--Ячейка -->
</section>
<section><!--Ячейка -->
</section>
</div>
 
 <div id="drugaiaStroka"> <!-- Вторая строка -->
<section><!--Ячейка -->
</section>
 
</div>
</div>

Добавлено через 5 минут

Сообщение от mrtoxas

код

^ Может это правило такое ?

@mrtoxas · 24.07.2016, 01:39

У вас ячейка не растягивается, потому что ее надо объединить с двумя несуществующими рядом.

@Aqua77 · 24.07.2016, 01:44 **[ТС]**

Сообщение от mrtoxas

объединить с двумя несуществующими рядом

В ксс прописывать? подскажите как это сделать.

@mrtoxas · 24.07.2016, 01:51

Сонный уже

У вас же блочная таблица. Тогда при помощи display:table-group:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.table {
  display: table;
  border: 1px solid black;
}
 
.group {
  display: table-row-group;
}
 
.row {
  display: table-row;
}
 
.cell {
  display: table-cell;
  border: 1px solid black;
  padding: 5px;
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="table">
  <div class="row">
    <div class="group">
      <div class="cell">lorem</div>
      <div class="cell">lorem</div>
      <div class="cell">lorem</div>
    </div>
  </div>
  <div class="row">
    <div class="cell">lorem</div>
  </div>
</div>

@Aqua77 · 24.07.2016, 02:08 **[ТС]**

Всё отлично) Только большое расстояние между строками получилось

@mrtoxas · 24.07.2016, 02:29

В моем примере? Уберите padding у .cell и добавьте

CSS
1
2
3
.table{
border-collapse:collapse
}

Добавлено через 2 минуты
И верстать что-то на таблицах, кроме конкретно табличных данных и писем не хорошо

@Aqua77 · 24.07.2016, 22:21 **[ТС]**

Сообщение от mrtoxas

И верстать что-то на таблицах, кроме конкретно табличных данных и писем не хорошо

Почему? Если есть задача сделать 2 колонки, то удобный способ просто разделить строку на 2 части. Чем делать один элемент плавающим изменять ширину и тд. )

Добавлено через 1 минуту
Или стандарт требует каждому элементу своё предназначение

?

@Dremjke · 24.07.2016, 22:48

Aqua77, да, при составлении разметки нужно соблюдать семантику, это важно и как уже выше написал уважаемый mrtoxas - таблицы использовать только для таблиц, но не для вёрстки макета

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@Aqua77 25 / 25 / 19 Регистрация: 13.07.2015 Сообщений: 433

	Задать секциям одинаковую ширину 24.07.2016, 01:22. Показов 999. Ответов 9 Метки нет (Все метки) Создал 1 строку с 3 ячейками. Потом, решил добавить ещё одну строку только с одной ячейкой и, новая строка не отображается на всю ширину, а подстраивается под ширину первой колонки. Почему? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	24.07.2016, 01:28
	Предоставьте код 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	24.07.2016, 01:39
	У вас ячейка не растягивается, потому что ее надо объединить с двумя несуществующими рядом. 0

@Aqua77 25 / 25 / 19 Регистрация: 13.07.2015 Сообщений: 433
	24.07.2016, 02:08 [ТС]
	Всё отлично) Только большое расстояние между строками получилось 0

@Dremjke 397 / 49 / 3 Регистрация: 10.03.2013 Сообщений: 328
	24.07.2016, 22:48
	Aqua77, да, при составлении разметки нужно соблюдать семантику, это важно и как уже выше написал уважаемый mrtoxas - таблицы использовать только для таблиц, но не для вёрстки макета 2