Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Вопрос по вёрстке: таблицы рядом с отскоком при сужении вниз
цитата
24/11/17 в 14:28
 S_Flash
Например 2 таблицы в одну строку я распологаю задав им в css

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


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


Всё заебись, кроме того, что после сужени браузера вторая хоть и отскакивает вниз под перую, но ширина у них получается "ступеньками"! А хотелось бы после перескока сделать обе по 100%
Может кто, что посоветовать, не уходя от табличной вёрстки? Подойдёт накрайняк даже js решение, но хотелось бы обойтись средствами css любой версии.
цитата
24/11/17 в 15:40
 xcodd
Через медиаквери попробуй. Прикинь примерную точку отсечки (в примере -- 900 пикселей) и сделай так:

Код:

@media (max-width: 900px) {
  .table1,
  .table2 {
    max-width: 100%;
    float: none;
  }
}
цитата
24/11/17 в 15:41
 S_Flash
xcodd: Так и делаю, спасибо.

Не успел сделать пример. Может кто ещё что подскажет: https://jsfiddle.net/ft4zrb56/1/
цитата
24/11/17 в 15:46
 xcodd
https://jsfiddle.net/52z02yd1/2/

Как-то так.


Эта страница в полной версии