Прикрутить шапку к топу

Тема в разделе "Верстка", создана пользователем Amazko, 14 ноя 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Amazko

    Amazko #АдминОтпиши

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    589
    Симпатии:
    323
    Есть сайт на котором хчоу прицепить шапку к топу и пробывал прописывать position:fixed;
    но если ето прописываю то шапка привязываеться, а вот сам сайт залетает под шапку.
    сайт пациент
     
  2. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    201
    Симпатии:
    276
    к самому сайту надо добавить отступ, в данном случае - увеличить, на высоту шапки
     
  3. Amazko

    Amazko #АдминОтпиши

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    589
    Симпатии:
    323
    так я доабвляю, но отступ на все получаеться и шапка также оттягиваеться. пробни через фаербаг
     
  4. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    201
    Симпатии:
    276
    .header{position:fixed;z-index:1}
    #wrapper{padding-top:232px}
     
  5. Amazko

    Amazko #АдминОтпиши

    Moderator
    Регистр.:
    4 мар 2012
    Сообщения:
    589
    Симпатии:
    323
    так же делал, но весь блок котоырй надо не сунеться, а только растягиваеться.
    скрины
    до
    Screenshot_2.png
    после
    Screenshot_3.png
     
  6. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    201
    Симпатии:
    276
    ну... как временный костыль, можно так:
    .header{position:fixed;z-index:1;margin: -250px 0px 30px;}
    #wrapper{margin-top:250px}
     
  7. stsepelin

    stsepelin Постоялец

    Регистр.:
    8 сен 2011
    Сообщения:
    56
    Симпатии:
    12
    .header {position:fixed; top:0;}
    #wrapper {margin-top:230px;}
     
    Amazko и ultra нравится это.
Статус темы:
Закрыта.