weranda
@weranda

Как корректно настроить вертикальные табы, чтобы контент раскрывался полностью?

Приветствую

Пытаюсь сделать что-то похожее на так называемые Табы, но не получается — демонстрация на jsfiddle.99b2fbdb64374abb82640075e1b05bd2.png

Как должно работать:
  • именно на такой HTML разметке — header-wrap (заголовок) должен идти перед content-wrap (контент)
  • при нажатии на заголовок (слева), должен открываться контент (справа)

-

Проблема:
Контент справа не раскрывается на всю высоту (нажмите на заголовок №3 (Title #3) и увидите).
Если левая часть в высоту, к примеру, 300px, а правая 1000px, то базовый блок должен закрашиваться белым цветом.

Подскажите пожалуйста как решить мою задачу, долго бьюсь...
  • Вопрос задан
  • 352 просмотра
Решения вопроса 1
lazalu68
@lazalu68
Salmon
Извините, а зачем надо "именно в такой последовательности элементов сделать"? У каждого свой вкус, конечно, но в техническом смысле это неправильно, так как вы пренебрегаете механизмом построения макета, который вам предоставляет браузер. Просто разделите блоки, чтобы браузер всё считал за вас; в противном случае считайте макет сами, например как сказал AlexanderZe - "Получайте height блока с текстом и применяйте его для min-height у блока wrap."
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы