Problema con altura...
 
Avisos
Vaciar todo

Problema con alturas

5 Respuestas
3 Usuarios
0 Reactions
645 Visitas
Respuestas: 64
Trusted Member
Topic starter
 

Buenas tardes!
Tengo un problema de alturas con mi web.
Es al aplicar los plugins the tabs, he probado con diferentes plugins y me sigue pasando lo mismo y solo me pasa en esta web.
El tab más largo me marca la altura de los demás y en los siguientes que son mucho más cortos se queda el pie hasta abajo de la web. SI refrescas se redimensiona pero no puedo esperar que los clientes estén refrescando constantemente la página.
¿Alguna sugerencia?
Muchas gracias!!!
URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 23/01/2013 3:43 pm
Hicham
Respuestas: 1908
Noble Member Suspendido
 

Hola Ana,

Esto es problema de la plantillas y no es del módulo.  

prueba esta solución:

Mira en /template/yoo_inpire/lib/js/template.js

comente la línea 263 en los matchHeights función que dice:

YOOBase.matchHeight('div.main-wrapper-1, #left, #right', 20);

Es decir: / / YOOBase.matchHeight('div.main-wrapper-1, #left, #right', 20);

Saludos


 
Respondido : 23/01/2013 6:14 pm
Respuestas: 64
Trusted Member
Topic starter
 

Hola Hicham,
Antes que nada muchas gracias!!!
Mira lo que he hecho es lo siguiente:
1.Abri el fichero que me dijiste. Y ahí el único códigp que me aparecio fue el siguiente:
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License ( http://www.yootheme.com/license) */

(function($){

$(document).bind('ready', function() {

var config = $('body').data('config') || {};

// Accordion menu
$('.menu-sidebar').accordionMenu({ mode:'slide' });

// Dropdown menu
$('#menu').dropdownMenu({ mode: 'slide', dropdownSelector: 'div.dropdown'});

// Smoothscroller
$('a[href="#page"]').smoothScroller({ duration: 500 });

// Fix Browser Rounding
$('.grid-block').matchWidth('.grid-h');

// Social buttons
$('article[data-permalink]').socialButtons(config);

// Match height of div tags
var matchHeight = function(){
$('#top-a .grid-h').matchHeight('.deepest');
$('#top-b .grid-h').matchHeight('.deepest');
$('#bottom-a .grid-h').matchHeight('.deepest');
$('#bottom-b .grid-h').matchHeight('.deepest');
$('#bottom-c .grid-h').matchHeight('.deepest');
$('#innertop .grid-h').matchHeight('.deepest');
$('#innerbottom .grid-h').matchHeight('.deepest');
$('#innerbottom-a .grid-h').matchHeight('.deepest');
$('#innerbottom-b .grid-h').matchHeight('.deepest');
$('#maininner, #sidebar-a, #sidebar-b').matchHeight();
};

matchHeight();

$(window).bind("load", matchHeight);
});

})(jQuery);

2. Así que quite el maininner de esta línea: $('#maininner, #sidebar-a, #sidebar-b').matchHeight();
3. Quedando así: $('#sidebar-a, #sidebar-b').matchHeight();
Y funciona pero mi pregunta ahora es si no me puede dar problemas con algo más en el futuro?
O si lo hice bien?
Gracias!!!


 
Respondido : 24/01/2013 3:04 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Ana,

En principio veo que funciona bien, redimensiona cada pestaña al contenido, lo cual es perfecto.

Veo que has eliminado la llamada a #maininner que por lo que veo no está afectando a tu web.

Si observas algo extraño en el reparto de los contenidos en la plantilla es posible que esa sea la causa, de momento no se observa nada anómalo.

Saludos


 
Respondido : 24/01/2013 9:01 pm
Respuestas: 64
Trusted Member
Topic starter
 

Muchas gracias!!!


 
Respondido : 25/01/2013 10:53 am