Problema con mostrar un Div en Jquery

[maloboy_2k]

Hola amigos, tengo el siguiente codigo:

function veo_unidad(datouni) {
var dato2=datouni;
if (dato2=='nuevo') {
$('.caja2').css({
position: 'absolute',
left: ($(window).width() - $('.caja2').outerWidth()) / 2.5,
top: ($(window).height() - $('.caja2').outerHeight()) / 0.9
});
$('.caja2').show(200);
$('.caja2').load("altauni.php", function() {
document.altauni.unidad.focus();
});

}

}

Este código funcionaba sin problemas hasta que actualice esta semana el firefox a la ultima version y tambien realice lo mismo con IE.
Con navegadores anteriores sigue funcionando, pero con las últimas actualizaciones no anta.

El problema es que no muestra el Div caja2, si lo inspecciono con el firebug, me muestra lo siguiente:
<div id="caja2" class="caja2" style="position: absolute; left: 269.2px; top: 507.778px; display: block;">

Seguramente algo cambio en el concepto de css con los nuevos navegadores, pero no encuentro info.

Desde ya gracias por la ayuda que puedan darme.
Gustavo

[caricatos]

Tema movido desde javascript

[Dany_s]

si podrias postear todo el código html + css + js

[maloboy_2k]

Hola Dany_s,

Devuelvo por medio de axaj lo siguiente:

//caja de div para proveedores y pais
$texto.='<div class="caja" id="caja">';
$texto.='</div>';
//fin div para proveedores y pais
// caja para Unidad e incoterm
$texto.='<div class="caja2" id="caja2">';
$texto.='</div>';

el css tiene lo siguiente:

.caja{
border: 5px;
z-index:5;
height: 210px;
background-color:#999999;
width: 570px;
padding:10px;
text-align:left;
display:none;
visibility:collapse;
text-decoration:none;

}
.caja2{
border: 5px;
z-index:5;
height: 150px;
background-color:#999999;
width: 570px;
padding:10px;
text-align:left;
display:none;
visibility:collapse;
text-decoration:none;

}

[Dany_s]

le decis que cargue el contenido en .caja2
$('.caja2').load


en tu css lo estás ocultando con display:none;

[maloboy_2k]

pero antes de leer con load

paso un $('.caja2').show(200);

lo muestro primero y le cargo el contenido.

[Dany_s]

tenes
display:none;
y
visibility:collapse;

"Si se emplea el valor collapse en cualquier elemento que no sea una fila, grupo de filas, columna o grupo de columnas, tiene el mismo efecto que el valor hidden."

por eso aplicas show() pero igual queda escondido

[maloboy_2k]

aja! vamos a probar...

[maloboy_2k]

Funciona, caso cerrado!! gracias Dany_s