2012-04-02 83 views
0

我正在使用primefaces的选项卡视图。我面临着两个问题。Css of primefaces选项卡视图

1)在IE浏览器中我看到垂直而不是水平的标签。但在Firefox中它有效。

火狐: ​​

INTERNET EXPLORER: Internet Explorer

SO覆盖有在水平视图选项卡的类。

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> 

好心帮

+0

嗨,塔伦了这个问题。你需要显示一些代码或其他东西。 – Francisc 2012-04-02 10:38:20

+0

你给出了一些解决你的问题的解释。没有更多的澄清任何人不能理解你的问题 – 2012-04-02 10:48:53

+0

我知道代码是理解这个问题所必需的。但我的问题是浏览器的具体和我使用primefaces的一般标签,没有别的。我只是wannba知道如何以及我需要覆盖哪些属性来修改CSS。但是我仍然添加了代码。请回复 。 – 2012-04-02 11:35:20

回答

0

你并不需要更正,在这种情况下 especific CSS为IE 什么 只是让你的页面兼容较旧版本的IE添加这头:。

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

我使用Servlet过滤器添加了这个,但还有其他方法可以做到这一点。

而且不要忘了!DOCTYPE ...

...一个非常古老的问题,但我记得所有的头痛我前一段时间