Question

Есть скрипт CSS/HTML табов тут: http://easy-code.ru/preview/2014/02/pure-css3-content-tabs/index.html смотрим "демо1" - открываем код и задаем значение для .tabs:

.tabs {width: 650px; float: none; list-style: none; position: relative; padding: 0; margin: 75px auto;}

Ставим margin 900px auto (или больше, главное чтобы появилась полоса прокрутки страницы вверх вниз) - тем самым симулируя опускание таба ниже экрана. Теперь можно смотреть на проблему. При попытки переключить таб, кидает в шапку страницы.

 

Comments

на указанной вами странице все работает исправно. табы смотрятся и никуда не кидает. работает во всех браузерах

---

На странице все исправно. Да. Добавте к классу .tabs margin 900px или просто опустите любым другим способо сами табы ниже экрана монитора (чтобы появилась полоса прокрутки) и попробуйте снова.

Answer 1

Дело в том что таб в классе контейнер, а контейнер это начало страницы, вырвете табы из контейнера и поместите в див который будет ниже.

Comments

Пробывал, не помогло

---

Ууу... Нашел в чем проблема, был прописан .tabs-cont input[type=radio] {position:absolute;top:-9999px;left:-9999px;} - заменил на {display:none;}

А я то думал в js проблема =))))