Как добавить отступ сверху тегу cut?

Вопросы
Сделал фиксированный header, теперь при переходе по ссылке «Читать дальше», часть текста/картинок попадает под header, как можно добавить отступ тегу cut в 50пк от верхней границы окна браузера?

18 комментариев

avatar
padding-top: 20px;

не?..
avatar
Через свойства стиля margin или padding не получиться, тут видимо js нужен, а я в нем не силен, надеюсь кто-нибудь подскажет простое решение
avatar
Уже перепробовал уйму вариантов, ничего не выходит, может кто помочь?
avatar
Немного не ясна тема, но думаю такое поможет. К контейнеру контента (после шапки) добавить:

<div class="container" {if $oTopic}style="margin-top: 50px;"{/if}>
.....
</div>
avatar
Кидаю скрин с проблемой, для наглядности сделал шапку сайта прозрачной. Когда переходишь с главной по ссылке «Читать дальше», то часть текста скрывается под шапкой сайта, которая теперь фиксированная (position: fixed). Нужно при переходе под кат сделать отступ сверху в 50-60пк, иначе текст не видно, и приходится проматывать вверх.

avatar
Похоже не совсем то, что мне нужно
avatar
Как раз то что нужно, правда вместо style, лучше классом сделать. Если что могу сделать за три копейки, в личку черканите.
avatar
Якорь у cut еще убрать надо.
avatar
Спасибо за ответ, следующие пару дней буду тестить все предложенные варианты
avatar
Уже думаю просто сделать пустой блок, но это очень кривой способ, т.к. нарушает структуру, да и стилизовать сайт, создавая пустые div-блоки совсем стыдно :)
avatar
покажите js, который фиксирует меню
avatar
Меню сделал фиксированным с помощью css, без js.

#header {
    background: #090909;
    height: 51px;
    margin: 0 auto;
    position: fixed;
    z-index: 99;
    width: 100%;
    min-width: 976px;
    max-width: 1024px;
}
avatar
Смотрел в интернете решения фиксирования header-а с помощью js, например header появляется только при прокрутки страницы вниз, но как я написал выше, я в js не разбираюсь, по-этому решил даже не пробовать так делать. В итоге стилизовал с помощью css, и столкнулся с двумя проблемами: 1) при прокрутке топиков к следующему/предыдущему часть заголовков тоже скрывалась под меню, решил проблему так (спасибо поиску по сайту): 
$.scrollTo(topic, 500,{ axis:'y', offset:-66 });
, а вот с ссылкой «Читать дальше» решения не нашел
avatar
здесь посмотрите
avatar
Мне кажется в Вашем случае проще всего задать отступ сверху для всего body.
К примеру:
<body style="margin-top: 50px;">


Просто Вам кроме topic и cut еще нужно будет что-то делать со ссылками на комментарии и прочим.
avatar
Вы правы, про комментарии я вообще не подумал, проверил — да, с ними тоже придется замораживаться. С css всегда так, в одном месте подвинул, в другом сдвинулось :)

Теперь ясно вижу, что я пошел не тем путем, попробую реализовать с помощью js, или вовсе откажусь от идеи фиксированного главного меню.

Спасибо всем за советы!
avatar
вообще давно планировал у себя появление верхнего меню при скролле вверх и скрытии при скролле вниз, где-то видел — очень удобно: как правило скролят вверх чтобы дойти до менюшки.
… пока не искал, но решения легко гуглятся
avatar
right link
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.