Разное отображение компонентов в навигаторах - PullRequest
0 голосов
/ 20 октября 2011

Моя проблема состоит в отображении компонентов в формах. Сначала я работаю над приложением JSF и Facelet. На одной из моих страниц я поместил inputText с фиксированной шириной, но когда я выполняю проект в навигаторах Chrome и IE, у меня появляется другое отображение в основном по ширине компонента.

Это часть кода: <h:inputText style=" width : 600px;" value="#{MyBean.Name}" />

ширина компонента в хроме: 602px

ширина компонента в IE: 604px

Может ли кто-нибудь помочь мне.

1 Ответ

0 голосов
/ 20 октября 2011

Achraf,

Часто эта проблема связана с padding или его отсутствием.IE обрабатывает padding относительно width иначе, чем большинство других браузеров.Один добавляет padding к width, в то время как некоторые другие отслеживают padding и width отдельно.Это несоответствие среди браузеров настолько распространено, что я обычно запускаю свой CSS с body * {padding:0;} и перезаписываю в определенных стилях по мере необходимости.

Кроме того, чем меньше стиль, который вы укажете, тем больше контроля имеет браузер (или пользовательский агент)над стилем правил, которые не указаны.Это означает, что эти браузеры с несовместимой шириной, вероятно, добавляют padding к <input>, как они считают необходимым.Попробуйте добавить padding:0 к атрибуту style для вашего <input>.Это вызовет проблему и может потребовать небольшой доработки, но в конечном итоге должно решить вашу проблему.

Надеюсь, это поможет, FuzzicalLogic

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...