Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас доменное имя</p></div> </div> <div class="blok"> <div id="three"></div> <div class="vert_line"><a href="" class="body">Сайт</a> <p>Разработаем и создадим сайт под ваши требования</p></div> </div> </div> <div class="floor"> <div class="blok"> <div id="four"></div> <div class="vert_line"><a href="" class="body">Контент</a> <p>Подготовим и разместим материалы на вашем сайте</p> </div> </div> <div class="blok"> <div id="five"></div> <div class="vert_line"><a href="" class="body">Хостинг</a> <p>Разместим ваш сайт на собственных серверах</p> </div> </div> <div class="blok"> <div id="six"></div> <div class="vert_line"><a href="" class="body">Сопровождение</a> <p>Будем постоянно присматривать за вашим сайтом</p> </div> </div> </div> <div class="floor"> <div class="blok"> <div id="seven"></div> <div class="vert_line"><a href="" class="body">Реклама</a> <p>Поможем продать в интернете ваши товары и услуги</p> </div> </div> <div class="blok"> <div id="eight"></div> <div class="vert_line"><a href="" class="body">Продвижение</a> <p>Выведем ваш сайт на первые позиции в поисковых машинах</p> </div> </div> </div> </div> CSS Код #body{ min-width:950px; float:left; width:100%; height:350px; max-height:1050px; } #one{ min-width:180px; margin-left:5px; height:30px; background-color: #F0F0F0; background-image: url(01.jpg); background-repeat: no-repeat; } #two{ min-width:180px; margin-left:9px; height:30px; background-image: url(02.jpg); background-repeat: no-repeat; } #three{ min-width:180px; margin-left:9px; height:30px; background-image: url(03.jpg); background-repeat: no-repeat; } #four{ min-width:180px; margin-left:9px; height:30px; background-image: url(04.jpg); background-repeat: no-repeat; } #five{ min-width:180px; margin-left:9px; height:30px; background-image: url(05.jpg); background-repeat: no-repeat; } #six{ min-width:180px; margin-left:9px; height:30px; background-image: url(06.jpg); background-repeat: no-repeat; } #seven{ min-width:180px; margin-left:9px; height:30px; background-image: url(07.jpg); background-repeat: no-repeat; } #eight{ min-width:180px; margin-left:9px; height:30px; background-image: url(08.jpg); background-repeat: no-repeat; } div.floor{ min-width:180px; height:120px; max-height:1080px; width:100%; } div.blok { float:left; padding-left:4px; width:28%; min-width:180px; height:110px; } div.vert_line{ background-image: url(vert_line.jpg); background-repeat: no-repeat; height:57px; margin-left:9px; float:left; padding-top:5px; padding-left:10px; width:260 px; min-width:180px; } Картинки http://rghost.ru/41406914
