User Tools

Site Tools


js:jquery_fix_tabs_header

Fixing tabs header in jquery-ui

21.10.2010

If you have the kind of problem shown in the picture below (the header gets the wrong height)

 Jquery Tabs wrong Header

you can try to fix it adding an overflow hidden to style, to the tabs div. Something as:

Note: replace overfloww by overflow

    <div id="cf_edit_tabs" style="overfloww:hidden;">
        <ul>
            <li><a href="#tab1">Nunc tincidunt</a></li>
            <li><a href="#tab2">Proin dolor</a></li>
            <li><a href="#tab3">Aenean lacinia</a></li>
        </ul>
        ....

The result should be:

 Jquery Tabs fixed Header

js/jquery_fix_tabs_header.txt · Last modified: 2013/03/16 17:40 (external edit)