Представление Css of Primefaces

Question

Я использую табуляцию простых лиц. Я столкнулся с двумя проблемами в этом.

1) В IE я вижу вкладки вертикально, а не горизонтально. Но в Firefox это работает.

FireFox:

Internet EXplorer:

ТАК какой класс переопределить, чтобы иметь вкладки в горизонтальном представлении.

2) И, как вы видите, цвет невыбранной вкладки отличается в Firefox и IE. Мне также нужно переопределить класс стиля невыбранной вкладки и выбранной вкладки (что я пытался сделать, и я был довольно успешным в Firefox, но в IE .. он не работает :(

Мой код:

    <p:tabView value="#{bean.myDTO}" var="category" id = "tabView" styleClass="TabbedPanelsTabGroup" dynamic="true" onTabChange="handleTabChange(index)">
       <p:ajax event="tabChange" listener="#{bean.onTabChange}" /> 

        <p:tab id = "tab" title = "#{category.category}" titleStyleClass="TabbedPanelsTab TabbedPanelsTabSelected TabbedPanelsContentGroup">

---------Some content------
</p:tab>
</p:tabview>

Пожалуйста, помогите.

Answer 1

Вам не нужно ничего исправлять с помощью специального CSS для IE , в данном случае . Просто сделайте вашу страницу совместимой со старой версией IE, добавив это в шапку:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Я добавляю это, используя Servlet Filter, но есть и другие способы сделать это.

И не забывайте! DOCTYPE ...

... очень старый вопрос, но я помню все головные боли, которые у меня были с этой проблемой некоторое время назад