Verasel

Вопрос по вёрстке: таблицы рядом с отскоком при сужении вниз

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

📈sflash.biz

С нами с 03.11.12
Сообщения: 3912
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 24/11/17 в 14:28       Ответить с цитатойцитата 

Например 2 таблицы в одну строку я распологаю задав им в css

Первая таблица:
Код:
max-width: 30%;
float: left;


Вторая таблица:
Код:
max-width: 70%;
float: left;


Всё заебись, кроме того, что после сужени браузера вторая хоть и отскакивает вниз под перую, но ширина у них получается "ступеньками"! А хотелось бы после перескока сделать обе по 100%
Может кто, что посоветовать, не уходя от табличной вёрстки? Подойдёт накрайняк даже js решение, но хотелось бы обойтись средствами css любой версии.

0
 



С нами с 18.08.13
Сообщения: 110
Рейтинг: 138

Ссылка на сообщениеДобавлено: 24/11/17 в 15:40       Ответить с цитатойцитата 

Через медиаквери попробуй. Прикинь примерную точку отсечки (в примере -- 900 пикселей) и сделай так:

Код:

@media (max-width: 900px) {
  .table1,
  .table2 {
    max-width: 100%;
    float: none;
  }
}

подпись.

9
 

📈sflash.biz

С нами с 03.11.12
Сообщения: 3912
Рейтинг: 4447


Передовик Master-X (16.04.2018) Передовик Master-X (16.07.2018) Передовик Master-X (16.12.2022) Передовик Master-X (01.01.2023)
Ссылка на сообщениеДобавлено: 24/11/17 в 15:41       Ответить с цитатойцитата 

xcodd: Так и делаю, спасибо.

Не успел сделать пример. Может кто ещё что подскажет: https://jsfiddle.net/ft4zrb56/1/

0
 



С нами с 18.08.13
Сообщения: 110
Рейтинг: 138

Ссылка на сообщениеДобавлено: 24/11/17 в 15:46       Ответить с цитатойцитата 

https://jsfiddle.net/52z02yd1/2/

Как-то так.

подпись.

9
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »