jQuery UI: Проблема отображения Datepicker в Dialog

Пытаясь встроить поле для даты, используя плагин Datepicker, в диалоговое окно, создаваемое плагином Dialog библиотеки jQuery UI обнаружил проблему. После открытия диалогового окна и выбора поля Datepicker - панель для выбора даты (календарик) отображается позади диалогового окна.

Решить данную проблему можно следующим образом: в CSS файле со стилями для Datepicker находим стиль для класа  .ui-datepicker  и заменяем его на следующий

.ui-datepicker { 
   width: 17em; 
   padding: .2em .2em 0; 
   z-index: 9999 !important; 
}

Как сделать перенос очень длинной строки не имеющей пробелов?

Задача: найти кросс-браузерное решение для переноса очень длинных строк, которые не имеют пробелы внутри дива с заранее определенной шириной.


В Интернете нашел решение с использованием CSS3, а именно свойства word-wrap. Поддержка этого свойства была доступна еще в IE5, поэтому можно предположить что данное решение подойдет также и для всех распространенных браузеров.


CSS код:

.wordwrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */ }

Как было?

Как стало...