search

iraychen / jquery-vert-tabs

Automatically exported from code.google.com/p/jquery-vert-tabs
0 stars 0 forks source link

Tab-header flys on top of other HTML element #1

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?

1. Modify the 1st example of the latest version so there'll be only one line of 
text in each of the panel.
2. Refresh the page.
3. The tab are messing up. The vertical column tab (tab header) will "fly" on 
top of other html element.

What is the expected output? What do you see instead?

The content that is located under the tab, should be displayed under the tab.
In this case (if tab-header is higher than the tab-content), the tab-header 
will "fly" and displayed on top of other html elements that are supposed to be 
displayed under the tabs control.

What version of the product are you using? On what operating system?
Latest version of jQuery-vert-tabs (ver 1.1.2).
Windows XP, IE 7 & Chrome 4.

Please provide any additional information below.

This is the modified HTML code of the tab I'm talking about.
I'm also attaching the screenshot of the problem.

<div id="vtabs1">
    <div>
        <ul>
            <li><a href="#vtabs-content-a">Tab 1: Simple</a></li>
            <li><a href="#vtabs-content-b">Tab 2: This one is 
really long</a></li>
            <li><a href="#vtabs-content-c">Tab 3: This one is 
<br>fatter.</a></li>
        </ul>
    </div>
    <div>
        <div id="#vtabs-content-a">
            <p>This is panel 1</p>      
        </div>
        <div id="#vtabs-content-b">
            <p>This is panel 2</p>
        </div>
        <div id="#vtabs-content-c">
            <p>This is panel 3</p>
        </div>  
    </div>
</div>

Original issue reported on code.google.com by yudop...@gmail.com on 3 Mar 2010 at 6:21

Attachments:

GoogleCodeExporter commented 9 years ago 
I made some changes to address this. Please see version 1.1.3. I added some 
code to 
make sure that all vtabs-content-panel elements are at least as tall as the 
vtabs-tab-
column element. Hope that helps.

Original comment by slenzi on 3 Mar 2010 at 10:41