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

Как сделать расположение быстрого поиска на сайте в одном месте на разных разрешениях экрана?


     30.07.2015    Общие вопросы по вёрстке    908

вопрос
Здравствуйте, подскажите пожалуйста, как сделать расположение быстрого поиска, что бы было в одном и том же месте на разных экранах?
к примеру на компьютере я поставил нормально быстрый поиск
вот стиль его:
#searchsuggestions {margin-right:195px;border-width:1px;border-color:#919191;border-style:solid;border-top:1px solid #2e3643;width:695px;background-color:#ffae00;font-size:10px;line-height:14px;top:90px !important;z-index:9999;position:absolute !important;}

но к примеру на планшете и на телефоне он уходит влево из-за margin-right:195px вот файл search.php вот 2 скриншота
этот нормальный на компьютере
Как сделать расположение быстрого поиска на сайте в одном месте на разных разрешениях экрана?

а этот с планшета, где съезжает быстрый поиск
Как сделать расположение быстрого поиска на сайте в одном месте на разных разрешениях экрана?

Ответил: wkino


Сам задал вопрос и сам ответил )

@media screen and (max-width: 1100px) {
#searchsuggestions {margin-right:5px;border-width:1px;border-color:#919191;border-style:solid;border-top:1px solid #2e3643;width:695px;background-color:#ffae00;font-size:10px;line-height:14px;top:90px !important;z-index:9999;position:absolute !important;}
}

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

wkino
22

wkino - 30 июля 2015 21:32 - Юзер

исправьте кто нибудь, код в спойлер не запихал

osimi
61 | 9

osimi - 30 июля 2015 22:44 - Юзер

за размеры и стили отвечает css а не php)) стили быстрого поиска обычно в engine.css лежать )) если у вас есть такой файл )) откройте найдите #searchsuggestions замени там width на
    width: 100%;
    min-width: 100px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;

 max-width: 900px это максимальный размер (задайте свое) а минимум min-width: 100px (тоже задайте свое)

wkino
22

wkino - 31 июля 2015 12:11 - Юзер

дак это размер быстрого поиска, а не его расположение, а мне нужно было именно отступ с правой стороны, что бы при просмотре с компа к примеру был 195 отступ а с планшета и телефона к примеру 10

wkino
22

wkino - 30 июля 2015 22:10 - Юзер

пробовал так @media screen and (max-width: 960px) {
#searchsuggestions {margin-right:5px;border-width:1px;border-color:#919191;border-style:solid;border-top:1px solid #2e3643;width:695px;background-color:#ffae00;font-size:10px;line-height:14px;top:90px !important;z-index:9999;position:absolute !important;}
}
не чего не изменилось(

wkino
22

wkino - 30 июля 2015 22:16 - Юзер

а все, спустя пол дня до тумкал) так все таки правильно было)
@media screen and (max-width: 1100px) {
#searchsuggestions {margin-right:5px;border-width:1px;border-color:#919191;border-style:solid;border-top:1px solid #2e3643;width:695px;background-color:#ffae00;font-size:10px;line-height:14px;top:90px !important;z-index:9999;position:absolute !important;}
}

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

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