User Tools

Site Tools


Fixing tabs header in jquery-ui


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;">
            <li><a href="#tab1">Nunc tincidunt</a></li>
            <li><a href="#tab2">Proin dolor</a></li>
            <li><a href="#tab3">Aenean lacinia</a></li>

The result should be:

 Jquery Tabs fixed Header

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