treehouse : what would you like to learn today?
Web Design Web Development iOS Development

OrganicTabs - how to define specific height?

  • How can a specific height be defined with OrganicTabs? We would like the height to remain the same regardless of what tab the user is viewing.

    http://css-tricks.com/organic-tabs/

    Thanks!
  • what would be the difference to normal tabs?
  • Please clarify what you are asking --
  • Hiya!

    Actually it's easier than it appears. All you need to do is set the height of each UL inside of the list-wrap to be the same height - here is the demo, and the extra css needed:
    #example-one .list-wrap ul { height: 320px; }
    Just change the ID (#example-one) to match your organic tabs wrapper.
  • Not to be difficult, but the "whole point" of organic tabs is the height adjustment thing. It's probably not a good fit if you don't need that. You'd just write some simple JS to hide/show divs with fixed heights.