Поэтому мне пришлось изменить модальное диалоговое окно jqueryui, чтобы оно соответствовало стандартам компании.У меня небольшая проблема с кроссбраузерной обработкой с плавающей точкой и шириной входных меток.Вот пример веб-сайта:
http://inetwebdesign.com/PartnerPortal/update-my-company-information2.html
Вот стиль, который я сейчас использую:
<style>
div#dialog-form label{
float:left;vertical-align:top;
}
div#dialog-form input{
float:right;
width:270px;
vertical-align:top;
}
div#dialog-form select{
float:right;
}
div#dialog-form select option{
float:right;
}
</style>
В Firefox,
поля ввода показывают, как они должны, в IE9
длина ввода примерно на 3 пикселя, в Chrome - примерно на 3 пикселя, а в Safari - на 10 и более пикселей больше.Чтобы проверить стиль, нажмите «new address
» рядом с последним полем textarea, и должно появиться модальное диалоговое окно jqueryui.
У кого-нибудь есть условный код для обработки этих несоответствий?