Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/06/2008, 12:54
Avatar de fanny0
fanny0
 
Fecha de Ingreso: noviembre-2004
Mensajes: 438
Antigüedad: 19 años, 5 meses
Puntos: 1
Respuesta: compatibilidad IE v/s Firefox CSS menu desplegable

no, es que sabe que no se puede achicar, el template lo pesca así y no de otra manera...lo que cambié yo fueron los css, pero está así...por ello a mi igual me costó modificarlo...de todas maneras al parecer ya me ha resultado en los dos navegadores pero cambié el template por uno que viene también por defecto, pero arreglandolo igualmente

y este por lo menos se ve igual en los dos navegadores, lo que no...es la manito...

Cita:
/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenuH{
color:#FFFFFF;
}
.ThemeOfficeMenuV,
.ThemeOfficeSubMenuTable {
font-family: verdana, arial, sans-serif;
font-size: 11px;
padding: 0;
white-space: nowrap;
cursor: default;
color:#FFFFFF;

}

.ThemeOfficeMenuV {
width: 100%;
}

.ThemeOfficeMenuH span {
vertical-align:bottom;
}

.ThemeOfficeSubMenu {
margin-top:10px;
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: 100;
border: 0;
padding: 1px;


overflow: visible;


filter:progid:DXImageTransform.Microsoft.Shadow(co lor=#BDC3BD, Direction=135, Strength=4);
}

.ThemeOfficeSubMenuTable {
overflow: visible;
}

.ThemeOfficeMainItem,
.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,
.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive {
border: 0;
cursor: default;
white-space: nowrap;
}

.ThemeOfficeMainItem {
background-color: ;
}

.ThemeOfficeMainItemHover,
.ThemeOfficeMainItemActive {
background-image: url(../../../templates/rhuk_solarflare_ii/images/botton_off.jpg);
}

.ThemeOfficeMenuItem {
background-color: #0066a6;
}

.ThemeOfficeMenuItemHover,
.ThemeOfficeMenuItemActive {
background-image: url(../../../templates/rhuk_solarflare_ii/images/botton_off.jpg);
}


/* horizontal main menu */

.ThemeOfficeMenuH .ThemeOfficeMainItem {
padding: 8px 8px 5px 5px;
border: 0;
}

.ThemeOfficeMenuH td.ThemeOfficeMainItemHover,
.ThemeOfficeMenuH td.ThemeOfficeMainItemActive {
padding: 8px 8px 5px 5px;
border: 1px solid #b3e3ff;
}

.ThemeOfficeMainFolderLeft,
.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,
.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,
.ThemeOfficeMainItemRight {
background-color: inherit;
}

/* vertical main menu sub components */

.ThemeOfficeMenuV td.ThemeOfficeMainFolderLeft,
.ThemeOfficeMenuV td.ThemeOfficeMainItemLeft {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 2px;

border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-left: 1px solid #b3e3ff;


background-color: inherit;
}

.ThemeOfficeMenuV td.ThemeOfficeMainFolderText,
.ThemeOfficeMenuV td.ThemeOfficeMainItemText {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;

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

.ThemeOfficeMenuV td.ThemeOfficeMainFolderRight,
.ThemeOfficeMenuV td.ThemeOfficeMainItemRight {
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;

border-top: 1px solid ##b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-right: 1px solid #b3e3ff;

background-color: inherit;
}

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

white-space: nowrap;

border: 0;
background-color: inherit;
}

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

border: 0;
background-color: inherit;
}

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

border: 0;
background-color: inherit;
}

/* sub menu sub components */

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

border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-left: 1px solid #b3e3ff;

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

}

.ThemeOfficeSubMenu .ThemeOfficeMenuFolderText,
.ThemeOfficeSubMenu .ThemeOfficeMenuItemText {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;

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

.ThemeOfficeSubMenu .ThemeOfficeMenuFolderRight,
.ThemeOfficeSubMenu .ThemeOfficeMenuItemRight {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;

border-top: 1px solid #b3e3ff;
border-bottom: 1px solid #b3e3ff;
border-right: 1px solid #b3e3ff;

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

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

white-space: nowrap;

border: 0;
background-color: #0066a6;
}

.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: 0px;
height: 0px;
overflow: hidden;
background-color: inherit;
border-top: 0px solid #b3e3ff;
}

/* 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" />
*/
/*
.ThemeOfficeMainItem img.seq1,
.ThemeOfficeMenuItem img.seq1 {
display: inline;
}

.ThemeOfficeMainItemHover img.seq2,
.ThemeOfficeMainItemActive img.seq2,
.ThemeOfficeMenuItemHover img.seq2,
.ThemeOfficeMenuItemActive img.seq2 {
display: inline;
}

.ThemeOfficeMainItem img.seq2,
.ThemeOfficeMainItemHover img.seq1,
.ThemeOfficeMainItemActive img.seq1,
.ThemeOfficeMenuItem img.seq2,
.ThemeOfficeMenuItemHover img.seq1,
.ThemeOfficeMenuItemActive img.seq1 {
display: none;
}
*/