Bei Berechnung des absoluten Rabattes den Rundungsfehler mit einbeziehen.

[kivitendo-erp.git] / css / menuv3.css

diff --git a/css/menuv3.css b/css/menuv3.css
index 9d402bf..5e5a93f 100644 (file)
--- a/css/menuv3.css
+++ b/css/menuv3.css
@@ -3,7 +3,7 @@ behavior:url("css/csshover.htc");
 }\r
 \r
 #menu {\r
-width:100%;\r
+width:99.8%;\r
 float:left;\r
 background:url(../image/bg_css_menu.png) repeat bottom;\r
 border:1px solid;\r
@@ -30,7 +30,6 @@ padding:0 5px;
 #menu a, #menu a:visited, #menu div.x, #menu div.x:visited {\r
 color:#000;\r
 text-decoration:none;\r
-/*border-width:1px;*/\r
 padding-right:10px;\r
 }\r
 \r
@@ -66,22 +65,36 @@ float:none;
 border:0;\r
 }\r
 \r
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */\r
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far \r
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow \r
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has\r
+ * a bottom border, which just looks ugly\r
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */\r
+#menu ul li {\r
+border:solid;\r
+border-color:#ccd5e5;\r
+border-width:0 0 1px 0;\r
+}\r
+\r
 #menu ul ul li {\r
 border:solid;\r
 border-width:0 0 1px 0;\r
 }\r
 \r
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below \r
+ * causing the menu to close. Opera 9 has the same bug btw. */\r
 #menu ul ul {\r
 position:absolute;\r
 z-index:500;\r
 top:auto;\r
 display:none;\r
+background:#000;\r
 }\r
 \r
 #menu ul ul ul {\r
 top:0;\r
 left:100%;\r
+background:#000;\r
 }\r
 \r
 /* Begin non-anchor hover selectors */\r
@@ -115,64 +128,4 @@ div#menu li li li li:hover ul
 {display:block;}\r
 \r
 /* End of non-anchor hover selectors */\r
-/*\r
-ul {\r
-  list-style: none;\r
-  padding: 0;\r
-  margin: 0;\r
-}\r
-\r
-li {\r
-  float:left;\r
-  position:relative;\r
-  border:solid;\r
-  border-width:0px 0;\r
-}\r
-\r
-li#first {\r
-  border-left-width: 1em;\r
-}\r
-\r
-li#last {\r
-  border-right-width: 1em;\r
-}\r
-\r
-li ul {\r
-  display: none;\r
-  position: absolute;\r
-  top: 100%;\r
-  left: 0;\r
 \r
-  font-weight: normal;\r
-  background: url(images/ddbg3.gif) bottom left no-repeat;\r
-  padding: 0.5em 0 1em 0;\r
-  border-right: solid 1px #7d6340;\r
-}\r
-\r
-li>ul {\r
-  top: auto;\r
-  left: auto;\r
-}\r
-\r
-li li {\r
-  display: block;\r
-  float: none;\r
-  background-color: transparent;\r
-  border: 0;\r
-}\r
-\r
-li:hover ul, li.over ul {\r
-  display: block;\r
-}\r
-\r
-hr {\r
-  display: none;\r
-}\r
-\r
-p {\r
-  clear: left;\r
-  background: url(images/remora.gif) center left no-repeat;\r
-  padding: 1em 1em 0 1em;\r
-  margin: 0;\r
-}\r
-*/\r