ahora el problemita es si ven la pagina en una resolución de 1024 aparece el scroll, (el máximo del contenedor es de 1260px).Aquí pueden ver que es lo que pasa.

Lo que necesito es que la div o sidebar no se monte sobre el contenido de la derecha al hacer scroll horizontal.
Aquí un ejemplo de código que estoy usando.
Código Javascript:
Ver original
var windowHeight = $(window).height(); var sidebarHeight = (windowHeight - 83 - 35); $(".pane-article-page-sidebars-panel-pane-1 .view-article-page-sidebars").css("height", sidebarHeight); $(".panel-3col .panel-col-first").css("height", sidebarHeight); setTimeout(function() { var totalHeightBranding = $(".region-branding").height(); var totalHeightScoreboard = $(".region-scoreboard").height(); var message = $("#page #messages").height(); var totalMessage = 0; if (message > 0) { totalMessage = message + 20; } var totalHeight = (totalHeightBranding + 7) + totalHeightScoreboard + totalMessage; var totalHeader = $("#page #header").height(); $(window).scroll(function(event) { var y = $(this).scrollTop(); if (y > (totalHeight)) { $(".panel-col-first .inside").addClass("fixed"); } else { $(".panel-col-first .inside").removeClass("fixed"); } var marginContent = 244; if ($(window).scrollTop() + $(window).height() > $(document).height() - marginContent) { $(".panel-col-first .inside").removeClass("fixed").addClass("fixed-bottom"); } else { $(".panel-col-first .inside").removeClass("fixed-bottom"); } }); $(this).scroll(); }, 2000);
Espero respuestas,
Gracias de antemano


