3

IE を使用してhttp://gamma.j.layershift.co.ukをブラウズすると問題が発生します

私のサイトは、JSF2 と primefaces 3.5 を使用して構築されています。

**ページの残りの部分は Firefox と chrome で見ることができます。

問題はインデックス（最初の）ページでのみ発生しました。

<ui:composition template="/templates/template.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:define name="content">
    <!-- p:galleria panelWidth="960" panelHeight="350"
        value="#{mbIndex.img}" var="image" styleClass="ui-corner-all">
        <p:graphicImage id="gal_image" value="resources/images/#{image}" />
    </p:galleria -->

    <p:imageSwitch effect="fade" speed="2900" styleClass="center"
        style="width:1000px;height:400px;">
        <ui:repeat value="#{mbIndex.img}" var="image">
            <p:graphicImage value="resources/images/#{image}"
                style="clip:rect(0px, 1000px, 400px, 0px);min-width:1000px; min-height:400px;" />
        </ui:repeat>
    </p:imageSwitch>

    <br />

    <p:layout style="max-height:500px !important;">
        <p:layoutUnit position="west" header="About GAMMA"
            style="max-width:300px !important; height:300px; !important">
            <h:outputLabel style="word-wrap: break-word;"
                value="The company started in 2012 focusing on the production of disinfectants. Our products are used in laboratories, clean rooms, and process areas in pharmaceutical, biotechnology, healthcare, academic and industrial facilities in addition to livestock animals, " />
            <p:commandLink value="More info..." action="#{mbIndex.toAbout}"></p:commandLink>

    </p:layoutUnit>

        <p:layoutUnit position="center" header="Latest news">

        </p:layoutUnit>
    </p:layout>
</ui:define>
</ui:composition>

説明をお願いします。
ありがとう。

この Firefox のスクリーンショット (本来あるべきページ)。 Firefox からのこのスクリーンショット

--IE使用時は画像のみ。

4

2 に答える 2

1

これは CSS の問題です。

css クラス ui-layout-container を変更するか、style 属性を設定し、overflow 属性を次のように変更します。

<p:layout style="max-height:500px !important; overflow-x:visible !important; overflow-y:visible !important;">

これはIE8で機能し、IE9でも機能するはずです。

于 2013-01-26T19:22:23.320 に答える