Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Блок авторизации и поиска отображаются в разных местах при просмотре на разных мониторах?

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

     06.01.2016    Все вопросы » Общие вопросы по вёрстке    1492

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

.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 комментариев

леший
Гости

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

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

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

Подскажите как исправить?
леший
Гости

леший - 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
Юзер

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

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

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

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

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

 30.09.2013 grenth  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery
 20.10.2013 n1ghtman199  Общие вопросы по вёрстке
 03.11.2013 dim  Общие вопросы по вёрстке, Стили (CSS)
 20.03.2014 vardanpetrosyan  Общие вопросы по вёрстке
 23.03.2014 vardanpetrosyan  Общие вопросы по вёрстке
 12.04.2014 monach  Общие вопросы по вёрстке, Стили (CSS), jQuery
 02.05.2014 psih  Общие вопросы по вёрстке, Стили (CSS)
 02.02.2015 id26327371  Общие вопросы по вёрстке, Стили (CSS)
 12.09.2015 revived  Общие вопросы по вёрстке, Стили (CSS)
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх