Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Блок авторизации и поиска отображаются в разных местах при просмотре на разных мониторах?

Блок авторизации и поиска отображаются в разных местах при просмотре на разных мониторах?


     06.01.2016    Общие вопросы по вёрстке    452

вопрос
Можете помочь пожалуйста... Подскажите как исправить проблему с отображением блоков на сайте... На ноуте делал и все было шито-крыто, а сел за другой компьютер, где экран побольше и сразу косяки видны... Как исправить стили?

.login-panel-open {
background: url(../images/login-panel-open.png) left top no-repeat;
height: 28px;
width: 166px;
position: absolute;
left: 1150px;
top: 50px;
line-height: 28px;
font-weight: bold;
text-align: center;
color: #252424;
cursor: pointer;
}

.form-text {
color: #6a6a6a;
font-size: 11px;
border: 1px #c3c3c3 solid;
margin: 0;
padding: 7px 12px 7px 12px;
background: #ececec;
position: absolute;
left: 1100px;
top: 128px;
width: 230px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}


вот сам сайт - http://base-road.ru/
вот скрин - http://firepic.org/?v=5.2016-01-06_survbovfbe4b.png
а когда экран поменьше так вообще вот так отображается - http://cs629130.vk.me/v629130566/2beba/rYv3SfLOYQ4.jpg

Ответа пока нет


Комментарии пользователей (5)

леший
21

112 | 33

леший - 7 января 2016 01:29 - Юзер

Потому как у вас для этих элементов position: absolute; и отступы не от родительского контейнера, а от края браузера.

baseroad
4

280 | 7

baseroad - 7 января 2016 02:01 - Юзер

Подскажите как исправить?

леший
21

112 | 33

леший - 7 января 2016 02:17 - Юзер


.login-panel-open {
background: url(../images/login-panel-open.png) left top no-repeat;
height: 28px;
width: 166px;
position: absolute;
margin-left: 960px;
top: 50px;
line-height: 28px;
font-weight: bold;
text-align: center;
color: #252424;
cursor: pointer;
}

.form-text {
color: #6a6a6a;
font-size: 11px;
border: 1px #c3c3c3 solid;
margin: 0;
padding: 7px 12px 7px 12px;
background: #ececec;
position: absolute;
margin-left: 10px;
top: 128px;
width: 230px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

baseroad
4

280 | 7

baseroad - 8 января 2016 15:53 - Юзер

спасибо огромное!

baseroad
4

280 | 7

baseroad - 16 января 2016 13:56 - Юзер


А можете подсказать как шапку точно также выровнять? У меня она сделана под размер сайт, но при загрузке сайта с большого монитора она у меня по центру и не дотягивает до краев и кнопок навигации( Как это исправить?
.head {
    background: url(http://base-road.ru/templates/kiber_template/images/bg_header.png) center top no-repeat;
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы