Hello:
I have a seam/facelets based xhtml page with the following on
it.
<s:roundedDiv id="banner" color="#{e:getWebHexToColor
( '#660000' )}" style="text-align: center;">
<h:outputText value="Hello World!" />
</s:roundedDiv>
The e:getWebHexToColor.... is a reference to a facelets
function that converts the specified hex color representation
into the associated java.awt.Color instance as required by the
s:roundedDiv tag.
This all works just fine and as expected in both Firefox and
Netscape browsers. However, in both IE6 and IE7 the visual
presentation of the s:roundedDiv is incorrect in that only the
corners of the roundedDiv are rendered, i.e. the actual center
of the div where its contents (in this case the h:outputText)
are located does NOT show the specified div color. Rather it
just shows the normal page color? So on IE6 and IE7, you end
up with 4 rounded corners (and ONLY the corners) in the
specified color, but the rest of the div does not appear as
expected.
Is this a known issue? Does anyone have any work arounds or
fixes? I was very excited to use this component, but will not
be able to as we must support IE.
BTW, This is from the 1.1.7 sandbox.
TIA!