scroll que aparece y molesta

[nemodigital]

Hola a todos.
Estoy desarrollando una web que tengo ubicada aquí: http://www.nemodigital.com
Y estoy usando un menú, que lo podeis ver aquí: http://www.nemodigital.com/producto . Bueno mi problema es con este menú, os comento:

Dicho menú está implantado en varios sitios de la web. En unos sitios funciona correctamente, pero en otros no.
El error es que me muestra un scroll en el menú, pero no con todos los navegadores. Yo lo he detectado en:

1º en mi mac, en firefox, safari y en explorer, no sale el scroll, o sea que bien, como debe ser.
2º en el pc, en explorer, no lo muestra, o sea, correcto.
Pero en firefox, si lo muestra, pero solo en este apartado: http://www.nemodigital.com/producto/series/ y tambien dentro de cada serie: http://www.nemodigital.com/producto/...ive/index.html y las demás.

Bueno, como podrás comprobar, "no quiero que salga el dichoso scroll".

Estoy probando con overflow, pero si alguien me puede dar una solución, se lo voy a agradecer bastante. Este problema me trae de cabeza, se ve que me he encerrado y no encuentro solución.

Un saludo.

[hades87]

Quitale el overflow:auto a accor_pro ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active

[nemodigital]

Hola hades87:
He quitado el overflow:auto tal como tu me has indicado y nada, no consigo quitar el dichoso scroll. No hay forma, sigue apareciendo. Pero solo en firefox para pc, es como si el texto lo hiciera más grande ó la caja mas pequeña.
Estoy pensando en meterle un hack para firefox y decirle ó que haga la caja contenedora mas grande ó el texto un poco mas pequeño.

Espero tu opinón.
Bueno, si alguien encuentra alguna solución, por favor. Os estoy esperando.
Un saludo.

[opzina]

#divname {overflow:hidden;} ??

[nemodigital]

Opzina:

Ahora e puesto: overflow:hidden; y nada sigue igual.

[Mikmoro]

Veamos: en cada caja del menú (por ejemplo la primera, <div class="accor_pro...etcétera) tienes puesto un height: 189px. Quítalo.

Luego, en el selector .ui-accordion .ui-accordion-content, nuevamente tienes un height: 160px y un overflow: auto. Quítalos también.

Ahora tenemos la caja correctamente y sin scroll. ¿Pero qué ocurre cuando pulsas otro elemento del menú? que la caja no tiene alto.
Entonces: ¿podría ser que el javascript que usas para le asignara un height (que suele ser habitual por la transición), como ocurre por ejemplo en el caso de:

$('#news').innerfade({
animationtype: 'slide',
speed: 750,
timeout: 2000,
type: 'random',
containerheight: '1em'
});

Revisa qué es lo que hace el script del acordeón y cómo le asigna el alto máximo. Creo que ahí está el quiz de la cuestión.

[nemodigital]

Ante todo muchas gracias por vuestro interés.
Mikmoro acabo de quitar los height, ya no hay puesto en ningún sitio que le marque el alto.
el overflow: auto, también lo he quitado.
aquí está el script:
<script type="text/javascript">
$(function(){
// Accordion
$("#accordion").accordion({ header: "h3" });

//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
</script>

En ningún sitio le marco el alto.
Pues nada, que sigue sin funcionar en el firefox de windows.
Y en el explorer que siempre me lleva loco, funciona estupendamente. Y en safari y firefox de mac, también funciona.
No encuentro solución y debe de tenerla.

[Mikmoro]

No me has entendido: decía que dentro de la función del acordeón de jquery, lógicamente algo le hace abrir hasta un punto determinado, lo que obliga al scroll, y que eso es lo que hay que localizar, dónde le pasas el parámetro de hasta qué punto debe abrir y donde le asigna un overflow en caso de desborde.

[Mikmoro]

Mira, yo en el momento de abrir esa página, veo que el elemento que aparece abierto (Exclusive), recibe un height de 189px, y además recibe una clase doble (dos clases en realidad) .ui-accordion .ui-accordion-content, que le asignan un overflow auto.

Ese selector está en la hoja de estilo ui.accordion.css. Quizá has modificado otros.

[nemodigital]

Mikmoro eres el mejor, con tu ultimo comentario he visto el error.
No sabes el mareo de cabeza que me has quitado, estaba obsesionado con esto.
Por que no vives cerca de mi, por que si no iba a verte para darte las gracias en persona, jajajajaajaj.
MUCHAS GRACIAS.

Habían dos ui.accordion, tiene pelotas la cosa.
Este menú funciona con un theme y yo tenía un ui.accordion en mi carpeta css y dentro de esta carpeta había otra llamada theme con otro ui.accordion.
Bueno, para matarme, yo hacía los cambios en el primero, pero el que funciona es el segundo.

Ahora se ve en todos bien menos en safari en mac, pero bueno, en ie y firefox para pc se ve correcto.
Voy a ver como puedo solucionar lo de safari.

Lo dicho Mikmoro, muchas gracias

[Mikmoro]

A veces la mayor chorrada te come la moral.

Me alegro de que hayas solucionado

Saludos.