Хороший вариант, но скролл мне не нужен, когда содержимое полностью помещается. Хочется вариант, когда без javascript скролл появляется только когда необходимо и слои не выходят за рамки родителя.
Хороший вариант. Подскажите, еще, пожалуйств, как в этом случае сделать, чтобы родительский слой растягивался по-ширине так, чтобы ширина родителя была равной сумме ширин float: left и float: right, чтобы float: left и float: right не опускались друг под друга?
Да, все верно. Но меня беспокоит то, что одна из таблиц в итоге вылезает за правый край своего контейнера. И это случается только когда появляется вертикальная прокрутка.
Сами ячейки внутри таблицы разной ширины, но их всего 2 и в левой содержимое выравнивается по левому краю, а в правой по правому, поэтому тут особо не важно, что они разной ширины, все-равно этого не видно.
