Div сжимает содержимое

@Vladimir_123 · Регистрация: 01.04.2014

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

Всем привет! Ребят очень нужна ваша помощь! У меня есть слой в котором есть несколько таблиц идущих сверху вниз. Задал ширину для слоя, и полосу прокрутки по x. При уменьшении слоя таблицы начинают сжиматься.. Как сделать что бы размер таблиц не изменялся? Заранее спасибо!

@BarbosLV · 02.06.2014, 12:31

ШТАаа? Код показывай как минимум, с такими вопросами, а ещё лучше прикрепляй ссылку на сайт.

@Vladimir_123 · 02.06.2014, 12:38 **[ТС]**

картинка

Добавлено через 2 минуты
Стиль слоя:

CSS
1
2
3
4
5
6
7
.shadow {
                //background: #fc0; /* Цвет фона */
                box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
                padding: 10px;
                width: 800px;
                overflow-x:scroll;
            }

Одна из таблиц:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<table cellpadding="0" cellspacing="1" class="mainClass">
<tr style="margin-top=20%">
    <td width="20px" title="Простой оборудования: 20 " bgcolor="#DCDCDA"></td>
<td width="5"bgcolor="#00CC66"title="Подготовка оборудования"></td>
    <td align="center" style="outline: 1pt solid #8767E6;" width="10px" title="Код заказа: 1
Код изделия: 1
Время работы: 10
Время начала: 2014-05-28 12:12:25
Кол-во изделий: 1 "bgcolor="A5CBF0">1</td>
    <td width="40px" title="Простой оборудования: 40 " bgcolor="#DCDCDA"></td>
    <td align="center" style="outline: 1pt solid #8767E6;" width="30px" title="Код заказа: 1
Код изделия: 1
Время работы: 30
Время начала: 2014-05-28 12:13:15
Кол-во изделий: 3 "bgcolor="A5CBF0">1</td>
    <td width="180px" title="Простой оборудования: 180 " bgcolor="#DCDCDA"></td>
    <td align="center" style="outline: 1pt solid #8767E6;" width="120px" title="Код заказа: 1
Код изделия: 1
Время работы: 120
Время начала: 2014-05-28 12:16:45
Кол-во изделий: 12 "bgcolor="A5CBF0">1</td>
    <td align="center" style="outline: 1pt solid #8767E6;" width="30px" title="Код заказа: 1
Код изделия: 1
Время работы: 30
Время начала: 2014-05-28 12:18:45
Кол-во изделий: 3 "bgcolor="A5CBF0">1</td>
    <td width="100px" bgcolor="black"></td>
    <td width="100px" bgcolor="black"></td>
    <td width="100px" bgcolor="black"></td>
    <td width="100px" bgcolor="black"></td>
    <td width="100px" bgcolor="black"></td>
    
<td width="5"bgcolor="#CC3333"title="Очистка оборудования"></td>
</tr>
</table>

Комментарий администратора TaatshiЗагружайте изображения и файлы на форум и прикрепляйте к сообщению.
https://www.cyberforum.ru/abou... post594251

@wLight · 02.06.2014, 12:49

Vladimir_123, укажи ширину таблицы

CSS
1
2
3
table {
  width: ...px;
}

@Vladimir_123 · 02.06.2014, 13:02 **[ТС]**

Я указываю ширину каждой ячейки. Этого недостаточно?

@wLight · 02.06.2014, 13:42

Vladimir_123, нет, есть какие то трудности указать ширину таблицы исходя из суммы всех ячеек?

@BarbosLV · 02.06.2014, 14:06

Судя по картинке у тебя левая структура таблицы.
Надо так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<table width="300px" border="1px">
    <tr><!--все настройки по ширене должны быть в первом ряду-->
        <td width="80px">1.1</td>
        <td width="100px">1.2</td>
        <td width="120px">1.3</td>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
     <tr>
        <td>3.1</td>
        <td colspan="2">3.2+3.3</td><!--если ячеек меньше то надо добавлять colspan-->
    </tr>
    <tr>
        <td colspan="2">4.1+4.2</td><!--если ячеек меньше то надо добавлять colspan-->
        <td>4.3</td>
    </tr>
     <tr>
        <td>5.1</td>
        <td>5.2</td>
        <td>5.3</td>
        <td>5.4</td><!--так делать нельзя вообще. не должно быть больше чем в первом столбце-->
    </tr>
</table>

Новые блоги и статьи Все статьи Все блоги /
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .

@Vladimir_123 1 / 1 / 0 Регистрация: 01.04.2014 Сообщений: 47

	Div сжимает содержимое 02.06.2014, 12:25. Показов 3063. Ответов 6 Метки нет (Все метки) Всем привет! Ребят очень нужна ваша помощь! У меня есть слой в котором есть несколько таблиц идущих сверху вниз. Задал ширину для слоя, и полосу прокрутки по x. При уменьшении слоя таблицы начинают сжиматься.. Как сделать что бы размер таблиц не изменялся? Заранее спасибо! 0

@BarbosLV 368 / 406 / 165 Регистрация: 29.05.2014 Сообщений: 1,494
	02.06.2014, 12:31
	ШТАаа? Код показывай как минимум, с такими вопросами, а ещё лучше прикрепляй ссылку на сайт. 0

@Vladimir_123 1 / 1 / 0 Регистрация: 01.04.2014 Сообщений: 47
	02.06.2014, 13:02 [ТС]
	Я указываю ширину каждой ячейки. Этого недостаточно? 0

@wLight 38 / 38 / 22 Регистрация: 27.04.2014 Сообщений: 131
	02.06.2014, 13:42
	Vladimir_123, нет, есть какие то трудности указать ширину таблицы исходя из суммы всех ячеек? 0