Задать вопрос
llgruff
@llgruff
Scala
html

Как поправить CSS для табов?

Совместил вывод комментариев оригинальные/facebook/вконтакте в 3 вкладки.
Табы без js, только css.
Проблема в том, что они отображаются "над контентом страницы", то есть налазят на footer.
Дело вроде не в z-index. Не могу сообразить как исправить.
Подскажите :)

UPD. Переписал заново css, теперь так codepen.
  • Вопрос задан
  • 298 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
llgruff
@llgruff Автор вопроса
Scala
Полностью переписал CSS и обновил вопрос
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@vasilseodor
Дело в position: absolute; у tab-content
Ответ написан
Комментировать
Комментировать
@Dzham
Вам нужно вынести табы из ul>li и убрать у табов position: absolute;
Выглядеть должно примерно так
<ul>
<li>ВК</li>
<li>FB</li>
<li>Email</li>
</ul>
<div>
<div id="tab-content1"></div>
<div id="tab-content2"></div>
<div id="tab-content3"></div>
</div>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Создать дудл - видео с AI аватаром
25 апр. 2024, в 10:25
2000 руб./за проект
Настроить на Asterisk общение с ботом в живом времени
25 апр. 2024, в 09:55
1000 руб./за проект
Доработать дизайн лендинга
25 апр. 2024, в 09:29
2500 руб./за проект
Ещё заказы