Evans

up &

Вот тут

Например, margin: 5% 0 0 20%? Вроде тоже самое.

Не очень понимаю , поподробнее пожалуйста.

USF, да, а как нужно? Верстаю менее недели, так что извиняйте, не знаю всех тонкостей.

Вот код формы логина: /* Login form */ #login { float: left; margin: 16px 0 0 12px; padding-bottom: 15px; } #login_top h4 { text-align: center; padding-top: 6px; font-weight: bold; color: #f7841d; } #login_nav { float: left; margin: 26px 201px; } #login_top { width: 418px; height: 31px; background: url(../images/header_login.png) 0 0 no-repeat; } #login_middle { width: 418px; background: url(../images/middle_login.png) 0 0 repeat-y; } #login_bottom { width: 418px; height: 3px; background: url(../images/bottom_login.png) 0 0 no-repeat; } input[type=submit] { cursor: pointer; width: 190px; height: 28px; color: #fff; border: none; background: #000; } input[type=text], input[type=password] { padding-left: 8px; line-height:26px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px; background: url(../images/form.png) no-repeat; }

Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.

npofopr, большое спасибо

Первая проблема решена, нужно было просто добавить top center repeat-x; к свойствам background Со второй проблемой, как я понял, нужен padding, но, если его юзать, то в других браузерах смещается вниз, а в ие встает нормально, как это решить?

Еще раз приветствую. Ребята, не могу понять, почему IE не растягивает фон полностью? Скриншот: Справа, где находится "бегунок" остается место, которое не имеет фона. #header_top { height: 115px; background: url(../images/header_top.png) no-repeat; background-size: 100%; } Например, вот код. Искал, говорят, нужно ставить cover, пробовал, все равно. Заодно, может кто знает, в формах ввода значение value уходит вверх ( в других браузерах нормально ) Скриншот: input[type=text], input[type=password] { padding-left: 8px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px; background: url(../images/form.png) no-repeat; } Надеюсь на вашу помощь

mrnobody, большое спасибо!

Пробовал, тоже самое ;(

Всем привет! У меня проблема, не могу понять как решить. Смещаются вот эти блоки: CSS: /* Left menu */ #left_menu { padding-right: 630px; } #left_menu #search_top { width: 310px; height: 44px; background: url(../images/search_top.png) 0 0 no-repeat; } #left_menu #search_middle { width: 310px; background: url(../images/search_middle.png) 0 0 repeat-y; } #left_menu #search_bottom { width: 310px; height: 4px; background: url(../images/search_bottom.png) 0 0 no-repeat; } #search_top h4 { color: #f7841d; font-weight: bold; padding-top: 5px; } .menu_name { width: 310px; height: 42px; background: url(../images/menu_name.png) 0 0 no-repeat; } .menu_name h4 { padding-top: 11px; color: #4e4e4e; font-size: 16px; } /* Right menu */ #right_menu { padding-left: 60px; } #right_menu .product_top { width: 305px; height: 30px; background: url(../images/header_product.png) 0 0 no-repeat; } .product_top h4 { color: #fff; font-size: 14px; padding-top: 8px; font-weight: bold; } #right_menu .product_middle { width: 305px; background: url(../images/middle_product.png) 0 0 repeat-y; } #right_menu .product_bottom { width: 305px; height: 128px; background: url(../images/bottom_product.png) 0 0 no-repeat; } HTML: <div class="body_middle"> <div id="right_menu"> <div class="product_top"> <h4>Apple iPad 2</h4> </div><!-- end product_top --> <div class="product_middle"> </div><!-- end product_middle --> <div class="product_bottom"> </div><!-- product_bottom --> </div><!-- end right_menu --> <div id="left_menu"> <div id="search_top"> <h4>Форма поиска</h4> </div><!-- end search_top --> <div id="search_middle"> <form> <input type="text" name "brand" value="Марка"></input> <input type="text" name "product" value="Продукт"></input> <span style="padding-right: 8px;"><input type="submit" value="Искать"></input></span> </form><!-- end form search --> <br> </div><!-- end search_middle --> <div id="search_bottom"> </div><!-- end search_bottom --> <br> <div class="menu_name"> <h4>Детали компьютера</h4> </div><!-- end menu_name --> <br> <div class="menu_name"> <h4>Программное обеспечение</h4> </div><!-- end menu_name --> <br> <div class="menu_name"> <h4>PC / Ноутбуки</h4> </div><!-- end menu_name --> <br> <div class="menu_name"> <h4>Системы охлаждения</h4> </div><!-- end menu_name --> <br> <div class="menu_name"> <h4>Перифирия</h4> </div><!-- end menu_name --> <br> </div><!-- end left_menu --> </div><!-- end body_middle --> Нужно чтобы они находились на равной высоте, помогите пожалуйста.