Foros del Web » Creando para Internet » CSS »

Problema con IE y CSS con Js mootools

Estas en el tema de Problema con IE y CSS con Js mootools en el foro de CSS en Foros del Web. Hola: Tengo el siguiente problema, cuando veo mi página en IE, tiene una posición más baja que con el firefox. al saca la parte : ...
  #1 (permalink)  
Antiguo 27/05/2008, 23:06
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
Exclamación Problema con IE y CSS con Js mootools

Hola:
Tengo el siguiente problema, cuando veo mi página en IE, tiene una posición más baja que con el firefox. al saca la parte :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

La página queda a la misma altura que el firefox, pero mis efectos de mootools no funcionan...
Que puedo hacer??.

esta es la página:
http://www.mandragora.cl/mandragor_2008/principal.html

el código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>La mandrágora, Colectivo Teatral</title>
<LINK REL=StyleSheet HREF="sheet.css" TYPE="text/css" MEDIA=screen>
<script type="text/javascript" src="mootools.svn.js"></script>
<link rel="stylesheet" href="_web.css" type="text/css" media="screen" />
<!--[if IE]>
<LINK REL=StyleSheet HREF="sheetIE.css" TYPE="text/css" MEDIA=screen>
<![endif]-->
<script type="text/javascript" src="_mootools.js"></script>
<script type="text/javascript" src="_class.noobSlide.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){

var accordion = new Accordion('h3.menusection', 'div.menusection', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#63995F');
/* toggler.setStyle('background', '#FFFFCC');*/

},

onBackground: function(toggler, element){
/*toggler.setStyle('background', '#999999');*/
toggler.setStyle('color', '#3F6533');


}
}, $('accordion'));
});
</script>
<style type="text/css">
body{
font-family:"Verdana";
font-size:0.6em;
}
ul, li, h3 {border:0; padding:0; margin:0; list-style:none;}
h3{padding:6px; font-size:11px; cursor:default; border-bottom:solid 0px #63995F;}
#main{width:200px; margin:60px 0px 0px 50px;}
#accordion li{}
#accordion li a{padding:4px 18px; display:block; text-decoration:none;}
.Estilo2 {color: #4C7A3D}
</style>
</head>
<body>
<table width="744" height="586" border="0" align="center" cellpadding="0" cellspacing="0" background="fondo.jpg">
<tr>
<td height="55" colspan="2" align="right" valign="bottom"><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="242" height="101" valign="bottom"><div align="right"><img src="mandratitulo.png" width="191" height="55" /></div></td>
<td width="508">&nbsp;</td>
</tr>
</table>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
</table></td>
</tr>
<tr>
<td width="242" valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0" id="main">
<tr>
<td><div id="accordion">
<h3 align="left" class="toggler menusection">Home</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="principal.html">Bienvenidos</a></div>
</li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Historia</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="historia.html">Historia de La Mandrágora</a></div>
</li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Colectivo Teatral </h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="resena.html">Reseña histórica</a></div>
</li>
<li>
<div align="left"><a href="bitacora.html">Bitácora capacitaciones</a></div>
</li>
<li>
<div align="left"><a href="montajes.html">Montajes realizados</a></div>
</li>
<li>
<div align="left"><a href="giras.html">Giras</a></div>
</li>
<li>
<div align="left"><a href="galeriateatral.html">Galería de Fotos</a></div>
</li>
</ul>
</div>
<h3 class="toggler menusection">Encuentros de Teatro</h3>
<div class="element menusection">
<ul>
<li><a href="actualidad.html">Actualidad</a></li>
<li><a href="convocatoria.html">Convocatoria</a></li>
<li><a href="registro.html">Registro de versiones anteriores</a></li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Talleres</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="talleres.html">Descripción de talleres</a></div>
</li>
<li>
<div align="left"><a href="talleres2008.html">Talleres primer semestre 2008</a></div>
</li>
<li>
<div align="left"><a href="requisitos.html">Requisitos de inscripción</a></div>
</li>
<li>
<div align="left"><a href="galeriatalleres.html">Galería de Fotos</a></div>
</li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Biblioteca</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="biblioteca.html">Descripción</a></div>
</li>
<li>
<div align="left"><a href="inscripcion.html">Requisitos de inscripción</a></div>
</li>
<li>
<div align="left"><a href="listado.html">Bajar listado de libros</a></div>
</li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Noticias</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="cartelera.html">Cartelera Cultural</a></div>
</li>
<li>
<div align="left"><a href="actividades.html">Actividades realizadas</a></div>
</li>
<li>
<div align="left"><a href="achupallas.html">Actualidad de Achupallas</a></div>
</li>
<li>
<div align="left"><a href="voluntarios.html">Campaña de voluntarios</a></div>
</li>
</ul>
</div>
<h3 align="left" class="toggler menusection">Como llegar</h3>
<div class="element menusection">
<ul>
<li>
<div align="left"><a href="mapa.html">Localización</a></div>
</li>
</ul>
</div>

</div></td>
</tr>
</table></td>
<td width="508" align="left" valign="top">
<table width="358" border="0" align="left" cellpadding="0" cellspacing="0" class="flot">

<tr>
<td width="358" height="64" valign="bottom" class="title Estilo2">Bienvenidos.</td>
</tr>
<tr>
<td valign="top" class="sidebar"><p>Centro Cultural y colectivo teatral, &quot;La Mandrágora&quot;, les da la bienvenida a su nuevo sitio web, en el que encontrará toda la información sobre nuestro centro cultural, las novedades sobre nuestras funciones y la cartelera en general de la V región. </p>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>




Ayudenme por favor!!!
Gracias.

Última edición por julius64; 27/05/2008 a las 23:14
  #2 (permalink)  
Antiguo 28/05/2008, 01:09
 
Fecha de Ingreso: mayo-2008
Mensajes: 9
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problema con IE y CSS con Js mootools

Oye el link no funciona ..

Pero que tal si usas iframes en vez de framsets o mejor aun un menu float:left; .

Sabes Accordion siempre me ha causado problemsas con IE por eso siempre uso JQUARY en vez de Mootools.

Podrias intentar añadiendo el javascript al final del accordion y cerrar todos tu css en ves de
class:"element menusection"; = class:"element_menusection";

espero puedas hacer funcionar tu ejemplo para poder asi tener un poco mas de nocion.

Saludos
  #3 (permalink)  
Antiguo 28/05/2008, 10:19
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
Pregunta Respuesta: Problema con IE y CSS con Js mootools

gbracias por tu ayuda, pero tengo la siguiente duda: la licencia de jQuery hay que pagarla??
Gracias.
(si me funciona el link)
  #4 (permalink)  
Antiguo 02/06/2008, 22:31
 
Fecha de Ingreso: mayo-2008
Mensajes: 3
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problema con IE y CSS con Js mootools

Lo arreglé!!!
Me tuve que dar la pega de hacerlo por Iframes, pero quedo de lujo!!!
Gracias por el dato!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:37.