Foros del Web » Creando para Internet » CSS »

Modulo derecho en portal no se ve en ie

Estas en el tema de Modulo derecho en portal no se ve en ie en el foro de CSS en Foros del Web. Tengo este sitio http://www.crmbusiness.biz/pruebabasc que esta montado sobre joomla, pero resulta que en ie no se ve la columna de la derecha, mientras que en ...
  #1 (permalink)  
Antiguo 12/05/2010, 09:16
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Modulo derecho en portal no se ve en ie

Tengo este sitio http://www.crmbusiness.biz/pruebabasc que esta montado sobre joomla, pero resulta que en ie no se ve la columna de la derecha, mientras que en firefox chrome y demas si se ve.

este es el css de la plantilla

Código:
.fondo{
background:url(../images/fondo_sitio.jpg) repeat-x #215385;
}
#contenedor{
width:780px;
background:#FFFFFF;
margin:0 auto;
margin-top:1px;
position:relative;
}
#cabecera{
height:114px;
position:relative;
margin:0 auto;
overflow:hidden;
background:url(../images/fondo_cabecera.jpg);
}	
#logo{
position:absolute;
top:4px;
left:0px;
}
#fecha{
position:absolute;
top:6px;
left:163px;
right:0;
color:#FFFFFF;
font-size:10px;
}
#banner{
position:absolute;
top:26px;
left:151px;
}
#buscador{
position:absolute;
top:56px;
right:10px;
}

#mod_search_searchword {
border:1px solid #002142;
background-color:#5b7dac;
padding:2px 2px;
color:#FFFFFF;
}
#buscador .button{
background:#003366;
color:#FFFFFF;
border-left:1px solid #99ccff;
border-top:1px solid #99ccff;
border-right:1px solid #000033;
border-bottom:1px solid #000033;
padding:1px 6px;
font-size:10px;
}
#menuprincipal{
left:225px;
top:82px;
position:relative;
height:30px;
}
#contenido{
background:url(../images/sombra_cabecera.jpg) repeat-x;
line-height:98%;
text-align:justify;
}
#columna1{
background:url(../images/fondo_columna-principal.jpg);
float:left;
width:152px;
}
#columna2-parcial{
float:left;
width:430px;
overflow:hidden;

}
#columna2{
float:left;
width:620px;
overflow:hidden;
}
.espaciador{
padding:0 20px 0 18px;
}
#bienvenidos{
overflow:hidden;
margin-top:28px;
}
#bienvenidos p{
margin-top:0;
margin-bottom:0;}
#columna3{
background:url(../images/borde_columna.jpg) repeat-y left top;
float:right;
width:195px;
}
#piepagina {
background:url(../images/fondo_inferior.jpg) no-repeat;
width:780px;
margin:0 auto;
overflow:hidden;
color:#c9e2f3;
padding-top:40px;
line-height:15px;
font-size:10px;
padding-bottom:15px;
}
	/*Metodo Clearfix: Aplicar clase a elementos no flotantes que deseamos que se estiren verticalmente para contener
	a sus hijos flotantes*/
	.clearfix:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;	
	}
	*html > body .clearfix{
	display:block;
	width:100%;
	}
	*html .clearfix{
	height:1%;
	}
__________________
Say no more.......
  #2 (permalink)  
Antiguo 12/05/2010, 09:17
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Modulo derecho en portal no se ve en ie

y este es el codigo de la plantilla

Código PHP:
Ver original
  1. <?php
  2. //Codigo de Seguridad
  3. defined('_JEXEC') or die('Acceso Denegado');
  4.  
  5. //Definiendo Variables
  6. $ruta_p=JURI::base()."templates/".$this->template."/";
  7. $ruta_s=JURI::base();
  8. $blog_texto=JRequest::getVar('view');
  9.  
  10.  
  11. //$contenido="-parcial"; Solo si hay modulos en left o en right pero no en ambos a la vez.
  12. $contenido="";
  13. if($this->countModules('right')){
  14. $contenido="-parcial";
  15. }
  16.  
  17.  
  18. ?>
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
  21. <head>
  22. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  23. <jdoc:include type="head" />
  24.  
  25. <!--Carga de Archivos CSS-->
  26. <link href="<?php echo $ruta_p;?>css/template.css" type="text/css" rel="stylesheet" />
  27. <link href="<?php echo $ruta_s;?>templates/system/css/general.css" type="text/css" rel="stylesheet" />
  28. <link href="<?php echo $ruta_s;?>templates/system/css/system.css" type="text/css" rel="stylesheet" />
  29.  
  30.  
  31. <?php  if($this->countModules('right')){?>
  32. <script type="text/javascript">function igualarAlturas() {
  33.     var col1 = document.getElementById('columna1');
  34.     var col2 = document.getElementById('columna2-parcial');
  35.     var col3 = document.getElementById('columna3');
  36.     hcol1 = col1.offsetHeight;
  37.     hcol2 = col2.offsetHeight;
  38.     hcol3 = col3.offsetHeight;
  39.     //Aunque creo que sería más legible esta línea sólo
  40.     col2.style.height = col3.style.height = col1.style.height = Math.max( hcol1, hcol2) +"px";
  41. }
  42. </script>
  43. <?php }else{?>
  44. <script type="text/javascript">function igualarAlturas() {
  45.     var col1 = document.getElementById('columna1');
  46.     var col2 = document.getElementById('columna2');
  47.     hcol1 = col1.offsetHeight;
  48.     hcol2 = col2.offsetHeight;
  49.  
  50.     //Aunque creo que sería más legible esta línea sólo
  51.     col2.style.height  = col1.style.height = Math.max( hcol1, hcol2) +"px";
  52. }
  53. </script>
  54.  
  55. <?php }?>
  56. </head>
  57.  
  58. <body class="fondo"  onLoad="igualarAlturas();">
  59. <div id="contenedor">
  60.  
  61. <div id="cabecera">
  62.         <div id="logo"><jdoc:include type="modules" name="logo" style="none" /></div><!--fin logo-->
  63.         <div id="fecha"> <?php echo JHTML::_('date', 'now', '%A, %d de %B'); ?> </div><!--fin de #fecha_rss-->
  64.         <div id="banner"><jdoc:include type="modules" name="banner" style="none" /></div><!--fin banner-->
  65.         <div id="buscador"><jdoc:include type="modules" name="user1" style="none" /></div><!--fin de #buscador-->
  66.         <div id="menuprincipal"><jdoc:include type="modules" name="user2" style="none" /></div><!--fin menuprincipal-->
  67. </div><!--fin cabecera-->
  68.  
  69. <div id="contenido" class="clearfix">
  70.         <div id="columna1"><jdoc:include type="modules" name="left" style="xhtml" />
  71.    
  72.         </div><!--fin columna1-->
  73.         <div id="columna2<?php echo $contenido;?>">
  74.           <jdoc:include type="message" />
  75.           <div class="espaciador">
  76.          
  77.              <?php  if($blog_texto=="user"){ ?>
  78.           <div id="bienvenidos"><jdoc:include type="modules" name="user3" style="none" />
  79.           </div>
  80.           <?php }?>
  81.          <jdoc:include type="component" />
  82.          </div> <!--fin espaciador1-->
  83.         </div><!--fin columna2-->
  84.        
  85.         <?php if ($this->countModules('right')){?>
  86.         <div id="columna3"><jdoc:include type="modules" name="right" style="xhtml" />
  87.     <!--Formulario Getresponse-->
  88.     <style type="text/css"><!-- #webFrmID { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #666;} #webFrmID .cntBox { position: relative; left: 50%; width: auto; float: left; clear: both; text-align: left; margin: 5px 0 12px 0; } #webFrmID .cntBox .box { position: relative; left: -50%; float: left; padding: 0; }#webFrmID .chikLet { margin: 0 0 5px 0; padding: 0; height: 24px; }#webFrmID .chikLet li, .chikLet li span { background: url(http://www.getresponse.com/images/core/icons/gr_chicklet.png) left top no-repeat; display: block; height: 24px; }#webFrmID .chikLet li { margin: 0; padding: 0 0 0 24px; float: left; line-height: 24px; }#webFrmID .chikLet li span { background-position: right bottom; padding: 0 8px 0 4px; float: left; }#webFrmID .clearer { width: 100%; height: 0.1px; font-size: 0.1px; clear: both; line-height: 0.1px; }--></style><div id="webFrmID"> <form accept-charset="utf-8" action="http://www.getresponse.com/cgi-bin/add.cgi" style="width: 150px; font-family: Arial, Helvetica, sans-serif; font-weight:bold background-color: #ffffff; margin: 5px;"><input type="hidden" name="custom_http_referer" id="custom_http_referer" value=""/><div id="webform_title" style="line-height:21px; padding: 7px 20px 7px 20px; font-size: 12px; color: #ffffff; background-color: #18469d; border: 1px solid #18469d;">Bolet&iacute;n Electr&oacute;nico</div><div style="font-family: tahoma; width:150px; border: 1px solid #DEDEDE;"><div style="font-size: 12px; color: #4C4B4B; padding: 16px; padding-bottom: 12px;"></div><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><ul id="fields" style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px;"><li id="subscriber_name-field" style="padding: 0px 0 0px 0; margin: 0; background: none; width: 100%;">
  89.   <label style="float: left;" for="subscriber_name">Nombre :</label>
  90.   <input style="float: right; border: 1px solid #AEB186; width: 110px;" id="subscriber_name" name="subscriber_name" type="text" value=""/><div style="clear: both;"/></li><li id="subscriber_email-field" style="padding: 0px 0 0px 0; margin: 0; background: none; width: 100%;"><label style="float: left;" for="subscriber_email">Email :</label><input style="float: right; border: 1px solid #AEB186; width: 110px;" id="subscriber_email" name="subscriber_email" type="text" value=""/><div style="clear: both;"/></li></ul><ul style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px; text-align: center;"></ul><input type="hidden" name="confirmation_url" id="confirmation_url" value=""/><input type="hidden" name="error_url" id="error_url" value=""/><input type="hidden" name="campaign_name" id="campaign_name" value="centroinfo"/><input type="hidden" name="custom_ref" id="custom_ref" value=""/><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><div style="text-align: center; padding-bottom: 18px; padding-top: 10px"><input id="webform_submit" style="cursor: hand; font-family: verdana; font-size: 18px; color: #FFFFFF; background-image: url(http://www.getresponse.com/images/common/templates/webforms/grey_button.png); border: 0; width: 140px; height: 33px; margin: 10px;" type="submit" value="Inscribeme"/><div class="cntBox"> <div class="box"> <ul class="chikLet"><li class="chikLetGr"><span><strong>346 </strong> subscribers</span></li></ul> </div></div><div style="color: #0000ff; margin-top: 10px;width: 100%; clear: both;">GetResponse <a href="http://www.getresponse.com/">Email Marketing</a></div><div class="clearer"></div></div></div></form></div><script type="text/javascript">var el=document.getElementById("custom_http_referer");if(el != null){el.value = document.location};</script>
  91.    
  92.     <!--fin columna3-->
  93.         <?php }?>
  94.  
  95. </div><!--fin contenido-->
  96. </div><!--fin contenedor-->
  97. <div id="piepagina"><jdoc:include type="modules" name="footer" style="none" /></div><!--fin pie pagina-->
  98. </body>
  99.  
  100. </html>
__________________
Say no more.......
  #3 (permalink)  
Antiguo 12/05/2010, 11:00
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Modulo derecho en portal no se ve en ie

Acabo de revisar detenidamente el sitio y resulta que en ie no esta cargando el codigo completo, es decir carga la pagina a medias y por eso no se ve el contenido como podria solucionar esto?
__________________
Say no more.......
  #4 (permalink)  
Antiguo 12/05/2010, 11:24
Usuario no validado
 
Fecha de Ingreso: marzo-2007
Mensajes: 238
Antigüedad: 10 años, 9 meses
Puntos: 5
Respuesta: Modulo derecho en portal no se ve en ie

no tienes etiquetas abiertas? POrque la vdd todo se ve bien. A mi me paso eso alguna vez y era tan sencillo como eso, me sirvio de mucho revisarlo en notepadd-++
  #5 (permalink)  
Antiguo 12/05/2010, 11:25
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Modulo derecho en portal no se ve en ie

pues ya he revisado y no veo ninguna abierta, estoy depurando el codigo quitandole varas funciones que a la larga no hacen nada, pero voy a revisar nuevamente las etiquetas a ver que pasa
__________________
Say no more.......
  #6 (permalink)  
Antiguo 12/05/2010, 11:33
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Modulo derecho en portal no se ve en ie

nada, ya cerre todas las etiquetas y nada
__________________
Say no more.......
  #7 (permalink)  
Antiguo 12/05/2010, 13:57
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.411
Antigüedad: 16 años, 6 meses
Puntos: 20
Respuesta: Modulo derecho en portal no se ve en ie

alguna idea?
__________________
Say no more.......

Etiquetas: derecho, modulo, portal
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 21:09.