1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Как сделать привязку поиска к правому краю меню?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Serkist, 2 окт 2014.

  1. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    367
    Симпатии:
    75
    Суть такова:
    Сайт - http://verose.ru
    Адаптивный дизайн.
    При разрешении меньше 760px горизонтальное меню пропадает и появляется адаптированное для планшетов и сматрфонов.

    Задача - разместить поиск на широких разрешениях экрана в самом горизонтальном меню справа.
    на низких разрешениях экрана - над меню, выровненный по правой его границе.

    Проблема в том, что я это реализовал посредство position: absolute и заданием отступа от правого края в %.

    Но, при различном разрешении экрана % сдвига нужен разный.

    [​IMG] [​IMG] [​IMG]

    Как можно разместить поиск по правому краю без прописывания позиции для каждого интервала разрешений?
     
  2. Jajabinks

    Jajabinks

    Регистрация:
    7 окт 2014
    Сообщения:
    1
    Симпатии:
    0
    не могу понять, а почему в %, есть px, pt, em-проценты не всегда решают
     
  3. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    367
    Симпатии:
    75
    проблема уже решена.
    По поводу вопроса про % - если дизайн адаптивный и для разного разрешения различный отступ, как ты его укажешь в px, pt и т.п.?
     
  4. lDeusExMachina

    lDeusExMachina

    Регистрация:
    18 янв 2015
    Сообщения:
    11
    Симпатии:
    0
    С помощью @media width при высоких разрешениях указываем float:right, а при низких - float none и выстраиваем блок абсолютной позицией наверх с помощью маргинов.