Problema visualizacion de capa con IE
Publicado por kerfer (1 intervención) el 10/07/2006 01:42:41
Pero el problema es que estoy usando ajax en la web, pero la capa donde va el contenido de la peticion no se muestra bien en IE, y en firefox se ve perfectamente. Ha sido poner las instrucciones javascript de ajax y y ha dejado de verse bien la capa.
La web es pruebarp.awardspace.com
Probad a verla con firefox y IE, y vereis que diferencia.
Saludos
El codigo de la pagina es...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="isiAJAX.js"></script>
<script>
function inicio()
{
myajax = new isiAJAX('contenido', 'cargador');
myajax.Link('cv.php','contenido');
}
</script>
<link rel="STYLESHEET" type="text/css" href="estilo.css"/>
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estiloIE.css"/>
<![endif]-->
<title>CreacionesRP :::: Kfcv</title>
</head>
<body onLoad="inicio();">
<div id="contenedor">
<div id="cabecera"></div>
<div id="menu">
<ul id="listamenu">
<li onclick="myajax.Link('cv.php','contenido');">CV </li>
<li>Portafolio</li>
<li onclick="myajax.Link('contacto.php','contenido');" >Contacto</li>
</ul>
</div>
<div id="continente">
<div id="cargador"><img src="loading.gif" alt="load" height="16" width="16"</div>
<div id="contenido"></div>
<div id="pie">Desarrollado por CreacionesRP</div>
</div>
</div>
</body>
</html>
Y este el CSS que uso para IE...
BODY {
background-color:#007EBB;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 0px 0px 0px 0px;
text-align: center;
behavior:url("./csshover.htc");
}
#cargador{
position:absolute;
top:29.5%;
left:24%;
}
#contenedor{
text-align: left;
width: 541px;
background-color : #ffffff;
margin: auto;
padding-bottom:1%;
padding-left:1%;
padding-right:1%
}
#cabecera{
height : 150px;
width: auto;
background:url(banner.png);
border: 1px solid #CCCCCC;
border-top:none;
}
#menu{
position:absolute;
top:22%;
left:55%;
width:auto;
height:auto;
}
#contenido{
margin : 1% 0% 1% 0%;
}
#pie{
background:url(box.png) repeat-x;
height:auto;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:2em;
text-align:right;
font-family:Georgia;
font-size:1.1em;
font-weight:bold;
color:#999999;
padding-right:1%;
}
#encabezado{
background:url(box.png) repeat-x;
height:auto;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:2em;
text-align:right;
font-family:Georgia;
font-size:1.5em;
font-weight:bold;
color:#999999;
}
#continente{
padding-top:2%;
padding-left:1%;
}
#listamenu li:HOVER{
background-color:#FFFFFF;
color:#000033;
cursor:pointer;
}
#listamenu li{
color:#FFFFFF;
list-style:none;
float:left;
margin-right:10px;
}
La web es pruebarp.awardspace.com
Probad a verla con firefox y IE, y vereis que diferencia.
Saludos
El codigo de la pagina es...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="isiAJAX.js"></script>
<script>
function inicio()
{
myajax = new isiAJAX('contenido', 'cargador');
myajax.Link('cv.php','contenido');
}
</script>
<link rel="STYLESHEET" type="text/css" href="estilo.css"/>
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estiloIE.css"/>
<![endif]-->
<title>CreacionesRP :::: Kfcv</title>
</head>
<body onLoad="inicio();">
<div id="contenedor">
<div id="cabecera"></div>
<div id="menu">
<ul id="listamenu">
<li onclick="myajax.Link('cv.php','contenido');">CV </li>
<li>Portafolio</li>
<li onclick="myajax.Link('contacto.php','contenido');" >Contacto</li>
</ul>
</div>
<div id="continente">
<div id="cargador"><img src="loading.gif" alt="load" height="16" width="16"</div>
<div id="contenido"></div>
<div id="pie">Desarrollado por CreacionesRP</div>
</div>
</div>
</body>
</html>
Y este el CSS que uso para IE...
BODY {
background-color:#007EBB;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 0px 0px 0px 0px;
text-align: center;
behavior:url("./csshover.htc");
}
#cargador{
position:absolute;
top:29.5%;
left:24%;
}
#contenedor{
text-align: left;
width: 541px;
background-color : #ffffff;
margin: auto;
padding-bottom:1%;
padding-left:1%;
padding-right:1%
}
#cabecera{
height : 150px;
width: auto;
background:url(banner.png);
border: 1px solid #CCCCCC;
border-top:none;
}
#menu{
position:absolute;
top:22%;
left:55%;
width:auto;
height:auto;
}
#contenido{
margin : 1% 0% 1% 0%;
}
#pie{
background:url(box.png) repeat-x;
height:auto;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:2em;
text-align:right;
font-family:Georgia;
font-size:1.1em;
font-weight:bold;
color:#999999;
padding-right:1%;
}
#encabezado{
background:url(box.png) repeat-x;
height:auto;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:2em;
text-align:right;
font-family:Georgia;
font-size:1.5em;
font-weight:bold;
color:#999999;
}
#continente{
padding-top:2%;
padding-left:1%;
}
#listamenu li:HOVER{
background-color:#FFFFFF;
color:#000033;
cursor:pointer;
}
#listamenu li{
color:#FFFFFF;
list-style:none;
float:left;
margin-right:10px;
}
Valora esta pregunta
0