Область заголовка диалогового окна jQuery UI растягивается

Question

В скрипте здесь: http://jsfiddle.net/maniator/8Lhns/ при нажатии на любую из ссылок (например, View Uploads) строка заголовка диалогового окна jQuery растягивается.

НО когда вы смотрите на ту же страницу в обычном режиме просмотра http://jsfiddle.net/maniator/8Lhns/show/ и затем нажимаете на ссылку, диалоговое окно выглядит нормально (если браузер развернут, если браузер не развернуто, у вас та же проблема).

Как это исправить, чтобы диалоговое окно выглядело нормально, несмотря ни на что?

Answer 1

Просто добавьте этот стиль CSS в таблицу стилей:

.ui-dialog { clear: both; }

Answer 2

Это float: left; на вашем #content

Answer 3

Проблема была в том, что @Interstellar_Coder заявил о float: left

Я решил, добавив к div после того, как это диалоговое окно:

        var widg = div.dialog('widget');
        widg.css('clear','both');

Это решило проблему, но это действительно взлом. CSS страницы должен быть в целом лучше.

Скрипка: http://jsfiddle.net/maniator/8Lhns/15/