sadko007

Всем привет. Собрал шаблон jsfiddle но знаю что сделал криво, прошу посоветовать как правильно такое реализовать, сейчас поведение блоков именно такое как нужно, просто думаю что реализовано неверно. На экранах компьютеров должно быть две колонки, левая с картинкой во всю высоту и примерно в половину ширины. В правой колонке текст. На мобильных устройствах, левая колонка поднимается в самый верх на всю ширину экрана, а ниже уже идет текстовый блок который был справа. Пытался сделать кросбраузерно но не получилось, у меня используется свойство background-size: cover которое ниже ие 9 не поддерживается. Пробовал картинку делать не бекграундом, а как обычное img с помощью этого скрипта jsfiddle.net но что то у меня не получилось, на больших разрешениях img фиксируется но при этом растягивается на весь экран. В общем буду признателен за любые дельные советы подсказки или критику

Все вопрос решил большое спасибо за участие в моем вопросе. Прописал для #search - position: absolute и поменял отступы, все встало на свои места.

Если бы так все просто было я бы вопросов не задавал, это я уже пробовал, убирая padding-top и убирая search в div class="center_right" визуально форма поиска поднимается вверх и все, бакграунды так и остаются раздвинутыми формой поиска.

Не могу нормально вывести форму поиска на сайте, если смотреть оперой, мозилой, или хромом, все нормально, а в ie7 дизайн разъезжается. Помогите понять в чем ошибка. Вот адрес сайта _http://ural-as.com/ Сильно не пинайте так как новичок.