OrganicTabs – how to define specific height?

[ajtbar]

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.

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

Thanks!

[ajtbar]

Please clarify what you are asking —

[Mottie]

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.

[Chris Coyier]

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.

[Author]

Posts