Problema de visualizacion de capa

kerfer · #1 (**permalink**) 09/07/2006, 11:35

No se si esto ira en este foro...

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.

El codigo de la pagina es...

Cita:

<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"/>

<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>

El css para IE...

Cita:

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;
}

JavierB · #2 (**permalink**) 09/07/2006, 11:57

Hola kerfer

Creo que en el foro de Ajax podrán ayudarte mejor.

Mensaje movido desde Css.

Saludos,