jchava2005
Bovino adolescente
- Desde
- 22 Mar 2006
- Mensajes
- 86
- Tema Autor
- #1
Soy principiante en CSS y tengo un problema, tengo una pagina donde dentro de un DIV pongo una grilla , y tengo un menu que al seleccionarlo actualiza el DIV osea la grilla del div , para esto utilizo jquery y asp calsico, en fin que todo correoco en IE osea que en IE conserva la apariencia de la grilla y colores y todo. pero en firefox la primera vez que entra en la pagina pinta bien todo lo de la grilla pero al actualizar ya no dibuja el la grilla como debe ser osea no aplica el css aunque los datos si estan correctos. alguien que halla pasado por esto y tenga la solucion GRACIAS.
principal----
<!-- Archivo de coneccion a Base de Datos -->
<!-- #include file="conecta2.asp" -->
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//ES">
<head>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<title> Subsecretaria de Vinculacion </title>
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="layout.css" rel="stylesheet" type="text/css" >
<script src="maxheight.js" type="text/javascript"></script>
<!-- ESCRIPS PARA GRILLA -->
<style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/demo_table_jui.css";
@import "css/jquery-ui-1.7.2.custom.css";
</style>
<script type="text/javascript" language="javascript" src="java/jquery.js"></script>
<script type="text/javascript" language="javascript" src="java/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
<!-- FIN ESCRIPS PARA GRILLA -->
<!-- ARCHIVOS PARA VENTANA MODAL -->
<script type="text/javascript" src="js/ventana-modal-1.3.js"></script>
<script type="text/javascript" src="js/edit-ventana.js"></script>
<script type="text/javascript" src="js/abrir-ventana-cargando.js"></script>
<script type="text/javascript" src="js/abrir-ventana-alertas.js"></script>
<link href="css/ventana-modal.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- ARCHIVOS PARA ACTUALIZAR DIV -->
<script type="text/javascript" src="js/funciones.js"></script>
<!-- ESCRIPS PARA MOSTRAR Y OCULTAR DIVS ----->
<script language="JavaScript">
function muestra_oculta(id)
{
if (document.getElementById) //se obtiene el id
{
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
</script>
</head>
.
.
<li><a title="opcion1" id="enlace2" href="opcion1.asp?cod=2">Opcion1</a></li>
.
.
.archvio opcion1.asp
<html>
<!-- Archivo de coneccion a Base de Datos -->
<!-- #include file="conecta2.asp" -->
<head>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="layout.css" rel="stylesheet" type="text/css" >
<script src="maxheight.js" type="text/javascript"></script>
<!-- ESCRIPS PARA GRILLA -->
<style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/demo_table_jui.css";
@import "css/jquery-ui-1.7.2.custom.css";
</style>
<script type="text/javascript" language="javascript" src="java/jquery.js"></script>
<script type="text/javascript" language="javascript" src="java/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
<!-- FIN ESCRIPS PARA GRILLA -->
</head>
principal----
<!-- Archivo de coneccion a Base de Datos -->
<!-- #include file="conecta2.asp" -->
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//ES">
<head>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<title> Subsecretaria de Vinculacion </title>
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="layout.css" rel="stylesheet" type="text/css" >
<script src="maxheight.js" type="text/javascript"></script>
<!-- ESCRIPS PARA GRILLA -->
<style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/demo_table_jui.css";
@import "css/jquery-ui-1.7.2.custom.css";
</style>
<script type="text/javascript" language="javascript" src="java/jquery.js"></script>
<script type="text/javascript" language="javascript" src="java/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
<!-- FIN ESCRIPS PARA GRILLA -->
<!-- ARCHIVOS PARA VENTANA MODAL -->
<script type="text/javascript" src="js/ventana-modal-1.3.js"></script>
<script type="text/javascript" src="js/edit-ventana.js"></script>
<script type="text/javascript" src="js/abrir-ventana-cargando.js"></script>
<script type="text/javascript" src="js/abrir-ventana-alertas.js"></script>
<link href="css/ventana-modal.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- ARCHIVOS PARA ACTUALIZAR DIV -->
<script type="text/javascript" src="js/funciones.js"></script>
<!-- ESCRIPS PARA MOSTRAR Y OCULTAR DIVS ----->
<script language="JavaScript">
function muestra_oculta(id)
{
if (document.getElementById) //se obtiene el id
{
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
</script>
</head>
.
.
<li><a title="opcion1" id="enlace2" href="opcion1.asp?cod=2">Opcion1</a></li>
.
.
.archvio opcion1.asp
<html>
<!-- Archivo de coneccion a Base de Datos -->
<!-- #include file="conecta2.asp" -->
<head>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
<link href="style.css" rel="stylesheet" type="text/css" >
<link href="layout.css" rel="stylesheet" type="text/css" >
<script src="maxheight.js" type="text/javascript"></script>
<!-- ESCRIPS PARA GRILLA -->
<style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/demo_table_jui.css";
@import "css/jquery-ui-1.7.2.custom.css";
</style>
<script type="text/javascript" language="javascript" src="java/jquery.js"></script>
<script type="text/javascript" language="javascript" src="java/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
<!-- FIN ESCRIPS PARA GRILLA -->
</head>