Foros del Web » Creando para Internet » CSS »

Problema con Menú desplegable en Mozilla

Estas en el tema de Problema con Menú desplegable en Mozilla en el foro de CSS en Foros del Web. Estoy haciendo una web, basada en joomla y con una tienda virtuemart, la tienda está en pruebas en http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14 la cosa es que el menú ...
  #1 (permalink)  
Antiguo 18/06/2008, 04:49
 
Fecha de Ingreso: junio-2008
Mensajes: 2
Antigüedad: 9 años, 5 meses
Puntos: 0
Problema con Menú desplegable en Mozilla

Estoy haciendo una web, basada en joomla y con una tienda virtuemart, la tienda está en pruebas en http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14 la cosa es que el menú desplegable de la izquierda (basado en el javascript JsCook) se ve correctamente en Explorer, pero en Mozilla los submenus salen por debajo del contenido web que queda a la derecha del menú...
me he repasado el CSS (todo y que no soy un master) y la verdad no consigo ver el problema que hace que se comporte de manera tan distinta en un navegador que en el otro...



el codigo embebido del javascript es este:
Cita:
<script language="JavaScript" type="text/javascript" src="includes/js/JSCookMenu.js"></script>
<link rel="stylesheet" href="includes/js/ThemeOffice/theme.css" type="text/css" />
<script language="JavaScript" type="text/javascript" src="includes/js/ThemeOffice/theme.js"></script>
<div align="left" class="mainlevel" id="div_JSCook_menu_4858e75de57f2"></div>
<script type="text/javascript"><!--
var JSCook_menu_4858e75de57f2 =
[

['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','TV, Video&Audio','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=1&Itemid=26',null,'TV, Video&Audio'
,
['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','cat test 1','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=4&Itemid=26',null,'cat test 1'
]],
['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','Mobile Phones','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=2&Itemid=26',null,'Mobile Phones'
],
['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','Computers, Notebooks','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=3&Itemid=26',null,'Computers, Notebooks'
],
['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','cat test 3','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=5&Itemid=26',null,'cat test 3'
],
['<img src="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/components/com_virtuemart/js/ThemeXP/darrow.png">','cat test 2','http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?option=com_virtuemart&page=shop.browse&c ategory_id=6&Itemid=26',null,'cat test 2'
]];
cmDraw ('div_JSCook_menu_4858e75de57f2', JSCook_menu_4858e75de57f2, 'vbr', cmThemeOffice, 'ThemeOffice');
--></script>
<noscript>
<a title="TV, Video&amp;Audio" style="display:block;" class="mainlevel" href="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?page=shop.browse&amp;category_id=1&amp;o ption=com_virtuemart&amp;Itemid=26" >TV, Video&amp;Audio</a>
<a title="Mobile Phones" style="display:block;" class="mainlevel" href="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?page=shop.browse&amp;category_id=2&amp;o ption=com_virtuemart&amp;Itemid=26" >Mobile Phones</a>
<a title="Computers, Notebooks" style="display:block;" class="mainlevel" href="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?page=shop.browse&amp;category_id=3&amp;o ption=com_virtuemart&amp;Itemid=26" >Computers, Notebooks</a>
<a title="cat test 3" style="display:block;" class="mainlevel" href="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?page=shop.browse&amp;category_id=5&amp;o ption=com_virtuemart&amp;Itemid=26" >cat test 3</a>
<a title="cat test 2" style="display:block;" class="mainlevel" href="http://shop.uno800.com/Joomla_1.0.13_eCommerce_Edition_VM_1.0.14/index.php?page=shop.browse&amp;category_id=6&amp;o ption=com_virtuemart&amp;Itemid=26" >cat test 2</a>
</noscript>
Agradeceria muchisimo que alguien con más nivel que yo, me comente si ve alguna incongruencia en el codigo que pueda causar el problema, o que me diga si se le ocurre alguna solucion!

Gracias por anticipado.

Última edición por Benedetti1971; 18/06/2008 a las 06:03 Razón: modificacion contenidos
  #2 (permalink)  
Antiguo 18/06/2008, 06:19
 
Fecha de Ingreso: junio-2008
Mensajes: 2
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Problema con Menú desplegable en Mozilla

Ah, se me olvidaba dejo el codigo CSS que rige el menú

Cita:
/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
font-family: tahoma, verdana, arial, sans-serif;
font-size: 9px; /* font-size: 13px; */;
padding: 0;
white-space: nowrap;
cursor: default;
color: #693021;
}

.ThemeOfficeSubMenu
{
position: absolute; /* position: absolute; */;
visibility: hidden; /*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/;
z-index: inherit;
border: 0;
padding: 0;
overflow: visible;
border: 2px #DDC4B5 solid; /* #8C867B color original */

/*filter:progid:DXImageTransform.Microsoft.Shadow(c olor=#BDC3BD, Direction=135, Strength=4);*/
/*anulando esta linea se anula la sombra del menú, ya q en explorer se genera por aqui, y no en la zona donde se genera para el resto de navegadore*/
}

.ThemeOfficeSubMenuTable
{
overflow: visible;


}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.Th emeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.Th emeOfficeMenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;


}

.ThemeOfficeMainItem
{
/*background-color: #EFEBDE;*/
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActi ve
{
background-color: #DDC4B5; /* #C6D3EF color original*/

}

.ThemeOfficeMenuItem
{
background-color: #FFF;

}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActi ve
{
background-color: #DDC4B5; /* #C6D3EF color original*/

}


/* horizontal main menu */

.ThemeOfficeMainItem
{
padding: 4px 1px 4px 1px;
border: 0;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItem Active
{
padding: 0px;
border: 1px solid #8C867B; /* #3169C6 color original */
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLef t,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemTex t,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRi ght
{
background-color: inherit;
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainIte mLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-left: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;


}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainIte mText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */

background-color: inherit;
white-space: nowrap;
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainIt emRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-right: 1px solid #8C867B; /* #3169C6 color original */
background-color: inherit;

}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 2px;

white-space: nowrap;

border: 0;
background-color: inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;

border: 0;
background-color: inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;

border: 0;
background-color: inherit;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLef t
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px;
padding-right: 3px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-left: 1px solid #8C867B; /* #3169C6 color original */

background-color: inherit;
white-space: nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemTex t
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */

background-color: inherit;
white-space: nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRi ght
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;

border-top: 1px solid #8C867B; /* #3169C6 color original */
border-bottom: 1px solid #8C867B; /* #3169C6 color original */
border-right: 1px solid #8C867B; /* #3169C6 color original */

background-color: inherit;
white-space: nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 3px;

white-space: nowrap;

border: 0;
background-color: #EFEFDE;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;

border: 0;
background-color: inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;

border: 0;
background-color: inherit;
}

/* menu splits */

.ThemeOfficeMenuSplit
{

margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #8C867B; /* #C6C3BD color original*/
}

/* image shadow animation */

/*
seq1: image for normal
seq2: image for hover and active

To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeOfficeMenuItem img.seq1
{
display: block; /*inline; valor original*/
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
display: block; /*inline; valor original*/
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
display: block; /*none; valor original*/
}
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 11:30.