Submenu Problem bei MenuMatic
Hallo,
ich habe bei MenuMatic (das ich echt nicht schlecht finde) ein Problem beobachtet.
Dieses Problem hab ich auch auf anderen Seiten bzw beim MenuMatic Sample selber endecken können!
Mein Submenu ist in einem DIV das mittig vom Browser Fenster ausgerichtet ist. Bei manchen Browser Fenster Breiten verschiebt sich das Submenu um einen Pixel nach links.
konnte das schon jemand anders auch beobachten ? und wenn ja hat jemand einen fix dafür?
danke
Liste der Anhänge anzeigen (Anzahl: 1)
hallo,
ich habe mir gerade deine seite angesehen. wenn ich die in meinem browser fullsize öffne Anzeigebereich 1936x1034 sehe ich den 1px versatz, siehe bild.
Wenn ich nun meine Browser verkleinere zb.: auf 1501x823 verschwindet die verschiebung.
das selbe ist bei der tff-kassel.de und jeder anderen seite ide ich mit menumatic bis jetzt gesehen habe.
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo,
sorry ich wollt dir nichts vorhalten. Anbei habe ich nun das Umgebaute file. Ich hoffe es hilft einigen! Bei mir funktionierts ganz gut, nur Safari kommt nicht ganz zurecht damit, wobei ich da eher auf mein css tippe!
mein wrapper ist mittig ausgerichtet und hat eine fixe breite!
Liste der Anhänge anzeigen (Anzahl: 1)
Noch ein kleines Problem...
Habe noch eine Frage bezüglich der Submenüs. Versuche grade Level 3 Submenü direkt neben dem Level 2 Sub Menü zu Positionieren aber weiß nicht recht wie...
Anhang 5559
Das ist meine MenuMatic .CSS
->
Code:
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Main-Menue */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#nav {height: 70px; overflow: hidden; list-style-type:none;}
#nav li {float: left;}
#nav li a,
#nav li span {display: block; padding: 2px 0px 0px 0px; color: #ccc; text-decoration: none; vertical-align:middle; text-align:center; font-size: 9px; line-height: 60px; border-left: 1px solid #4f4f4f; min-width: 123px; max-width: 123px; max-height: 67px; min-height: 67px; list-style-type:none;}
#nav li span {color: #f18f4e;}
#nav li a:hover,
#nav li a.mainMenuParentBtnFocused,
#nav li a.trail {color: #f18f4e; background: #222;}
#nav li.first a {border: none;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Drop-Down-Menue */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.smOW{display:none; position: absolute; overflow:hidden; padding: 0; margin: 0; margin: 0px 0px 0px 0px;}
/* --links
------------------------------------------------- */
#subMenusContainer a {padding: 7px 0px 7px 0px; margin: 0px 0px 0px 0px; display: block; color: #fff; min-width: 124px; max-width: 124px;}
/* --hover || focus
------------------------------------------------- */
#subMenusContainer a:hover, #subMenusContainer a:focus, .subMenuParentBtnFocused {color: #f18f4e; background: #222; text-align:center; text-decoration: none; margin: 0px 0px 0px 0px;}
/* --aktiver & trail menuepunkt
------------------------------------------------- */
#subMenusContainer a.trail, #subMenusContainer li.active a {color: #f18f4e; background: #222; text-decoration: none; margin: 0px 0px 0px 0px; text-align:center;}
/* --ul ebene 2
------------------------------------------------- */
#subMenusContainer ul.level_2 {background: #555; list-style-type:none; padding: 0px 0px 0px 0px; text-align:center;}
/* --ul ebene 3
------------------------------------------------- */
#subMenusContainer ul.level_3 {background: #555; list-style-type:none; padding: 0px 0px 10px 0px; text-align:center;}
/* --subMenusContainer verstecken
------------------------------------------------- */
#subMenusContainer {display:block; position:absolute; top:0; left:1px; width:100%; height:32px; overflow:visible; z-index:1000000000; text-align:center;}
/* --icons wenn unterpunkte vorhanden ist
------------------------------------------------- */
/*
.mainMenuParentBtn {background: url(../img/arrow-down.png) 95% center no-repeat;}
.mainMenuParentBtnFocused {background: url(../img/arrow-down-hover.png) 95% center no-repeat;}
.subMenuParentBtn {background: url(../img/arrow-right.png) 95% center no-repeat;}
.subMenuParentBtnFocused {background: url(../img/arrow-right-over.png) 95% center no-repeat;}
*/
/* --IE hacks
------------------------------------------------- */
#nav li ul {display: none;} /* verhindert das aufblitzen des submenus beim laden */
* + html .smOW {margin-top: -2px; margin-left: -2px;} /*IE7 hack - richtige positionierung*/
* + html #subMenusContainer ul.level_3 {margin-top: 2px;} /*IE7 hack - richtige positionierung*/
Weiß jemand Rat?
LG und ein großes Danke im Vorraus!
Cryp