Note that there are some explanatory texts on larger screens.

plurals
  1. POprimefaces <p:layout> not working with IE 9
    primarykey
    data
    text
    <p>I'm facing a problem when using IE to browse <a href="http://gamma.j.layershift.co.uk" rel="nofollow noreferrer">http://gamma.j.layershift.co.uk</a></p> <p>My site is built using JSF2 with primefaces 3.5.</p> <p>**the rest of page can seen on Firefox and chrome.</p> <p>the problem happened only on the index(first) page.</p> <pre><code>&lt;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"&gt; &lt;ui:define name="content"&gt; &lt;!-- p:galleria panelWidth="960" panelHeight="350" value="#{mbIndex.img}" var="image" styleClass="ui-corner-all"&gt; &lt;p:graphicImage id="gal_image" value="resources/images/#{image}" /&gt; &lt;/p:galleria --&gt; &lt;p:imageSwitch effect="fade" speed="2900" styleClass="center" style="width:1000px;height:400px;"&gt; &lt;ui:repeat value="#{mbIndex.img}" var="image"&gt; &lt;p:graphicImage value="resources/images/#{image}" style="clip:rect(0px, 1000px, 400px, 0px);min-width:1000px; min-height:400px;" /&gt; &lt;/ui:repeat&gt; &lt;/p:imageSwitch&gt; &lt;br /&gt; &lt;p:layout style="max-height:500px !important;"&gt; &lt;p:layoutUnit position="west" header="About GAMMA" style="max-width:300px !important; height:300px; !important"&gt; &lt;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, " /&gt; &lt;p:commandLink value="More info..." action="#{mbIndex.toAbout}"&gt;&lt;/p:commandLink&gt; &lt;/p:layoutUnit&gt; &lt;p:layoutUnit position="center" header="Latest news"&gt; &lt;/p:layoutUnit&gt; &lt;/p:layout&gt; &lt;/ui:define&gt; &lt;/ui:composition&gt; </code></pre> <p>Any explanation please?<br> Thanks.</p> <p>This screenshot from Firefox (what the page should be). <img src="https://i.stack.imgur.com/GwKPo.png" alt="This screenshot from Firefox"></p> <p>--When using IE just the image shown.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload