Forums
View unanswered posts | View active topics It is currently Thu Dec 14, 2017 10:12 pm



Reply to topic  [ 1 post ] 
 Issue with rounded corners, draggable popup div, IE8 
Author Message

Joined: Fri Feb 25, 2011 5:12 pm
Posts: 1
Post Issue with rounded corners, draggable popup div, IE8
Just noticed this issue and it only seems to be affecting the rounded corner objects in IE8... could not reproduce the issue in IE6, IE7, firefox, safari or chrome.

Initially i had the general issue of the divs not rendering at all in IE8 which was remedied by the position:relative; fix, but I am still experiencing a circumstance where the divs with rounded corners disappear. There is a popup div on the page that is also draggable. When the popup is initially rendered, the round cornered divs all load as expected, but as soon as the popup is moved at all, I get the hourglass icon for a second and then "poof" the round cornered divs all disappear. rolling the mouse over the area where they should show up renders the fill of the div back (and yes it is rounded), but curiously does not render the borders.

the divs with rounded corners are ice:panelGroups (which render out as divs) in a standard html <td> which itself is enclosed in an ice:panelPopup component (which also renders as a div that is draggable).

example below.
any thought or help is appreciated!

Code:
                   <tr>
                       <td class="messIcon"><ice:panelGroup styleClass="#{(textMessage.messageStatus eq 'READ') ? 'readMessage' : 'unreadVeh'}" style="width:5px;" rendered="#{textMessage.messageStatus ne null}"/></td>
                       <td colspan="2" class="messBody">#{textMessage.text}</td>
                    </tr>


Code:
.messIcon {
   padding-left:40px;
   padding-top:11px;
   vertical-align:top;   
}
.unreadVeh {
   height:10px;
   background-color:#981B25;
   text-align:center;
   border:solid 1px #591E1A;
   vertical-align:middle;
   padding-right: 2px;
   padding-left: 2px;
   position:relative;
   
   /* rounded corners */
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -khtml-border-radius: 2px;
   border-radius: 2px;
   behavior: url(/portal/includes/htc/PIE.htc);
}


Fri Feb 25, 2011 5:49 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.