Fundamental: Error en la barra de menús de Internet Explorer
Fundamental: Error en la barra de menús de Internet Explorer Austin Zago - 07-02-2009
Hola,
Estoy super molesto tener un problema con mi barra de menú vertical en Internet Explorer.
El sitio funciona bien en firefox, Y de safari, pero en es decir, no.
Los submenús no están alineados con los menús, Y este es un problema real, porque el submenú permanece en un lugar, A fin de llegar más abajo de la página, Se pierde la capacidad de hacer clic en algunos enlaces.
Esto es urgente que el sitio se encuentra actualmente y hay muchos socios de negocios que van a ver el sitio de colaboración fines mañana.
El sitio es http://www.Platinumprostudies.com, Y por debajo es el css de mi barra de menú, Gracias. Oh, Y también he intentado fijar sobre todo se ofrecen en este sitio y ninguno de trabajado hasta el momento.
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
width: 150px;
background-color: #AB7D0D;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 150px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
/* Menu item containers are same fixed width as parent */
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
Volver: Fundamental: Error en la barra de menús de Internet Explorer Austin Zago - 07-03-2009
En realidad hubo tres problemas en este problema una,
# 1 hay algún error que se produjo en es decir, que he descrito más arriba que me fijo.
# 2 es la ampliación de la caja problema, Que me fijo.
Pero ahora es todavía un problema más, Si alguien puede ayudar con ella, Que sería una gran, Es decir, en 6 y anteriores, Cuando voy en un elemento de menú, Abre un espacio entre la opción del menú Estoy rodando sobre y debajo de él una, Sólo cuando esta rodando sobre él. Mi código css es inferior. Gracias, Ver en mi sitio web es decir, 6 platinumprostudies.com probablemente ayudará.
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 143px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul.MenuBarVertical2 li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 143px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Menu item containers are same fixed width as parent */
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
Volver: Fundamental: Error en la barra de menús de Internet Explorer Richard Williams - 07-03-2009
Hola
Perdón, Hay un problema con el sitio en el momento en que está siendo investigado como yo no soy la recepción de la notificación de los nuevos puestos, Tan sólo este recogidos hasta. El enlace está mal, Has MESAN estudios? En caso afirmativo, Parece que se han clasificado el problema ahora. :O) las disculpas por el retraso en la respuesta
Richard Williams
Volver: Fundamental: Error en la barra de menús de Internet Explorer Austin Zago - 07-03-2009
No hay problema, He puesto una coma en la URL, Una es la correcta platinumprostudies.com I solucionado la mayoría de los problemas, Pero hay uno más. En IE6 y anteriores siempre me vuelco de la barra de menús, Es un espacio entre la opción del menú me vuelco y la siguiente. Dreamweaver lectura no es cualquier problema de compatibilidad con excepción de dos, Una pantalla que dice: En línea no es un apoyo de valor, Dreamweaver afirma que esto es sólo para el 5 y anteriores, De manera que es cuestionable. Y también dice que hay un error en los estilos de analizar con filtro:Alfa (opacidad:0.1), Dice que esto sólo afecta a Firefox 1.0.
Mi código css es inferior, Te lo agradezco, gracias,
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 143px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul.MenuBarVertical2 li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 143px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Menu item containers are same fixed width as parent */
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
Volver: Fundamental: Error en la barra de menús de Internet Explorer Richard Williams - 07-03-2009
Este podría ser un poco de suerte;, Como yo no puede ver una copia de IE6 ahora, Pero su establecimiento en uno de los "hacks" es
Ul.Menubarvertical iframe
{
Posición: Pariente;
Debe fijarse en cifras absolutas
Richard Williams
Volver: Fundamental: Error en la barra de menús de Internet Explorer Austin Zago - 07-04-2009
