Crucial: Barre de menu bug dans Internet Explorer Austin Zago - 07-02-2009
Bonjour,
Je suis un super ennuyeux problème avec mon menu vertical dans Internet Explorer.
Le site fonctionne très bien dans firefox, Et safari, mais c'est-à-dire à ne pas.
Les sous-menus ne sont pas alignés avec les menus, Et c'est un vrai problème parce que le sous-menu reste dans un endroit, De sorte que vous vous en bas de la page, Vous perdez la possibilité de cliquer sur certains liens.
Cela est urgent que le site est actuellement en place et il existe de nombreux partenaires d'affaires qui vont voir le site demain pour fins de collaboration.
Le site est http://www.Platinumprostudies.com, Et ci-dessous est le css de ma barre de menu, Merci. Oh, Et j'ai essayé presque tous les fix proposés sur ce site et aucun des fonctionné jusqu'ici.
@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;
}
Re: Crucial: Barre de menu bug dans Internet Explorer Austin Zago - 07-03-2009
Il y avait en fait trois problèmes dans ce un problème,
# 1, il a été une erreur qui s'est produite dans c'est-à-dire que j'ai décrit ci-dessus que je fixe.
# 2, il y avait le problème de la boîte en expansion, Que je fixe.
Mais maintenant, il ya encore un autre problème, Si quelqu'un pouvait les aider avec elle, Ce serait merveilleux, C'est-à-dire en 6 et antérieures, Lorsque je vais sur un élément de menu, Ouvre un espace entre l'élément de menu, je suis passé dessus et celui-ci, il, Ce n'est que quand il roule. Mon code css ci-dessous. Merci, Affichés sur mon site c'est-à-dire 6 platinumprostudies.com va probablement contribuer à.
@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;
}
Re: Crucial: Barre de menu bug dans Internet Explorer Richard Williams - 07-03-2009
Salut
Désolé, Il ya un problème avec le site au moment qui est à l'étude que je ne suis pas la réception de la notification de nouveaux messages, Si seulement choisi ce jusqu'à. Le lien est erroné, Avez-vous MESAN studios? Si c'est le cas, Ressemble à celui que vous avez triés sur le problème maintenant. :O) des excuses pour le retard dans la réponse
Richard Williams
Re: Crucial: Barre de menu bug dans Internet Explorer Austin Zago - 07-03-2009
Pas de problème, J'ai placé une virgule dans l'url, La bonne est platinumprostudies.com J'ai réglé la plupart des problèmes, Mais il ya un plus. IE6 et antérieurs à chaque fois que je le basculement de la barre de menus, Un espace est faite entre l'élément de menu, je suis passé dessus et celui-ci. Dreamweaver la lecture n'est pas tout les problèmes de compatibilité, sauf pour deux, On dit que l'affichage: Inline n'est pas pris en valeur, Dreamweaver affirme que ce n'est que pour IE 5 et plus tôt, De sorte que se demander. Et il a également dit il ya une erreur dans l'analyse de styles avec filtre:Alpha (opacity:0.1), Il est dit ceci affecte seulement firefox 1.0.
Mon code css ci-dessous, Merci, je l'apprécie,
@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;
}
Re: Crucial: Barre de menu bug dans Internet Explorer Richard Williams - 07-03-2009
Ce peut être un peu touché et manquer, Comme je ne peux pas voir une copie de IE6 maintenant, Mais le réglage de l'un des hacks est
Ul.Menubarvertical iframe
{
Position: Relative;
Devrait être défini comme absolu
Richard Williams
Re: Crucial: Barre de menu bug dans Internet Explorer Austin Zago - 07-04-2009
