На сайте имеется фиксированная шапка и используется "Содержание" с ссылками на туже страницу - якори. При переходе к якорю он заходит под фиксированный блок - шапку. В итоге сделал якоря завышенных размеров и смещением (отступом) его содержания вниз, пришлось делать два стиля, один для заголовков (h1 и тд.), другой для якорей в тексте:
.anchor {
display:inline-block;
margin:-50px 0 -20px; 0;
padding:40px 0 0 0;
position: relative;
bottom: 0;
width:100%;
z-index: -1;
}
.text_anchor {
display:inline-block;
margin:-50px 0 0 0;
padding:50px 0 0 0;
position: relative;
bottom: 0;
z-index: -1;
}
Проблема в том, что в некоторых браузерах проявляется кривое отображение. Подскажите пожалуйста!!! Может есть более правильное решение проблемы или какой-нибудь скрипт но без jquery - в скриптах я полный ноль.
Глянуть можно здесь engramm.su/grammar/to_be.html .
Спасибо!
.anchor {
display:inline-block;
margin:-50px 0 -20px; 0;
padding:40px 0 0 0;
position: relative;
bottom: 0;
width:100%;
z-index: -1;
}
.text_anchor {
display:inline-block;
margin:-50px 0 0 0;
padding:50px 0 0 0;
position: relative;
bottom: 0;
z-index: -1;
}
Проблема в том, что в некоторых браузерах проявляется кривое отображение. Подскажите пожалуйста!!! Может есть более правильное решение проблемы или какой-нибудь скрипт но без jquery - в скриптах я полный ноль.
Глянуть можно здесь engramm.su/grammar/to_be.html .
Спасибо!
