иногда пропадает колонка

[cyklop77]

помогите пожалуйста решить проблему любым способом или хотя бы понять её причину

есть адаптивная страничка с областью контента и сайдбаром. в области контента резиновые текстовые блоки различной высоты расположены в виде двух колонок(при ширине экрана <480px - в виде одной колонки). для плотной укладки резиновых текстовых блоков использовал masonry fluid

проблема в том, что при плавном изменении ширины во всех браузерах в некоторый момент вторая колонка смещается под первую и оставляет на своём месте пустое пространство. при дальнейшем изменении ширины в ту же сторону она может вернуться на место(!). хотелось бы избежать такого глюка, тем более что его не наблюдается на официальной тестовой странице плагина

Edited May 3, 2013 by cyklop77

[Switch74]

думаю это из-за float и отсутствия min-width у родителя

[cyklop77]

думаю это из-за float и отсутствия min-width у родителя

а объясните пожалуйста как эти свойства теоретически могут повлиять? спрашиваю потому что в примере, который на официальной странице плагина их тоже нет... к тому же пробовал их применять, не помогло

Edited May 4, 2013 by cyklop77

[Switch74]

float дает обтекание если два элемента float идут подряд и их размеры позволяют выстроить их в одном ряду, то оно будет так, иначе второй элемент будет ниже первого.

в вашем примере сужая страницу в конце концов настает такой момент, когда места в родителе не хватает для обоих блоков, вот один и перескакивает ниже, если родителю указать, что его размер не может сжиматься меньше ширины двух ваших блоков, то они всегда будут стоять рядом.