Jquery UI Tabs div внутри одной панели вкладок

Question

Я хотел бы знать, как встроить свой тег div, который я хочу разместить на вкладке вкладки jquery: у меня есть этот код:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>

    <div id ="tabs-1">
        <div id=panel>
            <br>
            <form action="xx.php" method="post" name="post">
                 <textarea
                 </textarea>
                 <br>
                 <input type="submit" name="submit" value="Post "/>
             </form>
        </div>
        <p class="slide">
             <a href="#" class="btn-slide">Post</a>
        </p>
    </div>
</div>

Однако, это не правильно встраиваетdiv (id = panel) в div tabs-1 и просто выходит в нижней части вкладки, не правильно внутри нее, но все же уходит, когда я нажимаю на другую вкладку.

Я прикрепилизображение, демонстрирующее мою проблему, извинения, если содержимое внутри не имеет значения.

Пожалуйста, нажмите на эту ссылку, чтобы посмотреть проблему: http://i.stack.imgur.com/ZImwI.png.

Как вы можете видеть, это не внутри вкладки,но все равно пропадает, когда вы щелкаете мышью на другой вкладке.

Что я должен сделать, чтобы иметь возможность фактически поместить этот div, который я не буду изменять, во вкладку, чтобы он действительно вошел в нее.

Я пытался сделать это как можно более ясным.Спасибо

Answer 1

Я предполагаю, что div#panel, вероятно, плавающий . Если это так, вы сможете исправить это, добавив очищающий элемент в последний дочерний элемент div#tabs-1. Э.Г.

<div id ="tabs-1">
    <div id="panel">
         ...
    </div>
    <p class="slide">
         ...
    </p>

    <!-- the clearing element -->
    <div style="clear:both; float:none"></div>
</div>

Answer 2

В вашем примере есть незакрытый тег textarea.Если он присутствует в вашем реальном коде, это может стать причиной проблемы.Я могу посоветовать вам использовать Firebug для FF и внимательно изучить html-структуру вашего документа.Проверьте это в окне firebug.

Мне кажется, что html-структура неверна.Причиной этого может быть закрытый тег