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

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

Первая таблица:

Код:

max-width: 30%; float: left;

Вторая таблица:

Код:

max-width: 70%; float: left;

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

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

Код:

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

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

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

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

Как-то так.