CalendarExtender PopupPosition problema en frames IE8 IE9

[QO2005]

Hola,

Tengo una pagina con frames (frameset, frame), en un frame tengo un CalendarExtender dentro tabla de html (table, tr, td) y el CalendarExtender no aparece en el lugar designado.

Es decir, el CalendarExtender no aparece en la posición que le asignas en la propiedad PopupPosition, siempre aparece bajo la tabla html. No funciona cualquier posicion que le pongas al PopupPosition (TopLeft, BottomLeft, Right), el CalendarExtender simpre aparece bajo la tabla.

Este problema solo se produce en IE8 and IE9, el CalendarExtender funciona bien en Firefox y Chrome. Alguna idea?

Este es mi código

<asp:TextBox ID="txtFIF" runat="server" MaxLength="10" Width="64px"></asp:TextBox>
<asp:ImageButton ID="ibtnFIF" runat="server" ImageUrl="~/Images/Calendar.GIF" ImageAlign="AbsMiddle" />
<cc1:CalendarExtender ID="ceFIF" runat="server" PopupButtonID="ibtnFIF" TargetControlID="txtFIF" PopupPosition="TopRight"> </cc1:CalendarExtender>

Uso: VS2005 + ASP.Net 2.0 Ajax Extensions 1.0 + Ajax Control Toolkit 1.0.20229

[jaullo]

Hola,

Has verificado si no es un problema de compatibilidad y renderizado de IE. Mira lo siguiente
http://social.msdn.microsoft.com/For...9-38aee3d248d3

Saludos,

Jason Ulloa
Microsoft Community Contributor

[QO2005]

Muchas gracias por responder.

Si, he verificado que con <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> funciona pefectamente, pero ese sería mi última opción, ya que no considero que hacer funcionar las páginas como IE7 sea una solución óptima.

Muchas gracias.

[jaullo]

Hola,

Lo que pasa es que el motor de renderizado de los exploradores es distinto. Por ejemplo, el motor de IE9 es mucho mas estricto en cuanto a estandares que IE7, entonces, tendrias que verificar algo mas que el html sino el CSS también.

Saludos,

[QO2005]

Tienes razón, el problema es un combinación entre el HTML y el CSS porque el CalendarExtender calcula sus propiedades top y left, la situación es que no se como las calcula y que toma en cuenta, por ejemplo, ¿toma encuenta los objetos de html div, table, tr, th, td, etc.? y si los toma en cuenta ¿que toma en cuenta de ellos, el height, width, margin, padding, etc.?

Por lo pronto tuve que agregar lo siguiente a mi CSS.

.ajax__calendar_container
{
top: 0px !important;
}

El problema es que tengo que agregar un CSS por cada CalendarExtender que uso o ponerlo de la siguiente manera.

.calendario1 .ajax__calendar_container
{
top: 0px !important;
}

.calendario2 .ajax__calendar_container
{
top: 300px !important;
}

No me gusta mucho que digamos esta respuesta pero es mi solución por ahora.

Gracias por responder.

[jaullo]

Hola,

No me parece que crees un CSS por cada calendar, porque simplemente no reemplazas las funciones originales de CSS del calendar y le aplicas ese CSS a cada control, de esta forma solo tienes un CSS
http://programming.top54u.com/post/C...S-Example.aspx

Saludos,

Jason Ulloa
Microsoft Community Contributor

[QO2005]

Hola,

De hecho eso es lo que hago.

.calendario1 .ajax__calendar_container
{
top: 0px !important;
}

.calendario2 .ajax__calendar_container
{
top: 300px !important;
}

Pero como uso varios CalendarExtenders es varias paginas en diferentes posiciones, cada uno tendra un "top" diferente por lo que no puedo usar el mismo CSS para todos los CalendarExtenders.

Por lo anterior, o creo un CSS por cada CalendarExtender o los pongo todos en uno sólo de la forma que menciono antes, pero creo que al final es casi lo mismo.

Gracias.