Fix 1 fuer IE6 bugs (bleiben noch 2)
authorSven Schöling <s.schoeling@linet-services.de>
Fri, 26 Jan 2007 16:09:07 +0000 (16:09 +0000)
committerSven Schöling <s.schoeling@linet-services.de>
Fri, 26 Jan 2007 16:09:07 +0000 (16:09 +0000)
css/menuv3.css

index e1618c6..9d402bf 100644 (file)
@@ -6,15 +6,15 @@ behavior:url("css/csshover.htc");
 width:100%;\r
 float:left;\r
 background:url(../image/bg_css_menu.png) repeat bottom;\r
-border-width:1px 0 1px 1px;\r
-border-style:solid;\r
+border:1px solid;\r
 border-color:#ccc #888 #555 #bbb;\r
 }\r
 \r
 #menu a, #menu h2, #menu div.x {\r
 font:11px/16px arial,helvetica,sans-serif;\r
 display:block;\r
-border-width:0 1px 0 0;\r
+border:0;\r
+border-right:1px;\r
 border-style:solid;\r
 border-color:#ccc #888 #555 #bbb;\r
 white-space:nowrap;\r
@@ -24,28 +24,32 @@ padding:1px 0 1px 3px;
 \r
 #menu h2 {\r
 color:#fff;\r
-background:#000 url(../image/bg_css_menu.png) repeat bottom;\r
+padding:0 5px;\r
 }\r
 \r
-#menu a {\r
-background:#eee;\r
+#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {\r
+color:#000;\r
 text-decoration:none;\r
-border-width:1px;\r
+/*border-width:1px;*/\r
 padding-right:10px;\r
 }\r
 \r
-#menu a, #menu a:visited {\r
-color:#000;\r
+#menu a {\r
+background:#eee;\r
+}\r
+\r
+#menu div.x, #menu div.x:visited {\r
+background:#eee url(../image/right.gif) no-repeat right;\r
 }\r
 \r
-#menu a:hover {\r
+#menu a:hover, #menu div.x:hover {\r
 color:#a00;\r
-background:#ddd;\r
+background-color:#ddd;\r
 }\r
 \r
-#menu a:active {\r
+#menu a:active, #menu div.x:active {\r
 color:#060;\r
-background:#ccc;\r
+background-color:#ccc;\r
 }\r
 \r
 #menu ul {\r
@@ -58,6 +62,14 @@ min-width:7em;
 \r
 #menu li {\r
 position:relative;\r
+float:none;\r
+border:0;\r
+}\r
+\r
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */\r
+#menu ul ul li {\r
+border:solid;\r
+border-width:0 0 1px 0;\r
 }\r
 \r
 #menu ul ul {\r
@@ -81,7 +93,7 @@ improves IE's performance speed to use the older
 file and this method */\r
 \r
 div#menu h2:hover {\r
-background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;\r
+background:#A3C5FF;\r
 color:#a00;\r
 }\r
 \r
@@ -103,40 +115,64 @@ 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
-/* Styling for Expand */\r
+li {\r
+  float:left;\r
+  position:relative;\r
+  border:solid;\r
+  border-width:0px 0;\r
+}\r
 \r
-#menu a.x, #menu a.x:visited {\r
-/*font-weight:bold;*/\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat right;\r
-border-width:1px;\r
+li#first {\r
+  border-left-width: 1em;\r
 }\r
 \r
-#menu a.x:hover {\r
-color:#fff;\r
-background-color:#000;\r
+li#last {\r
+  border-right-width: 1em;\r
 }\r
 \r
-#menu a.x:active {\r
-color:#060;\r
-background-color:#ccc;\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
-#menu div.x, #menu div.x:visited {\r
-/*font-weight:bold;*/\r
-border-width:1px;\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat right;\r
-padding-right:10px;\r
+li>ul {\r
+  top: auto;\r
+  left: auto;\r
 }\r
 \r
-#menu div.x:hover {\r
-color:#a00;\r
-background-color:#ddd;\r
+li li {\r
+  display: block;\r
+  float: none;\r
+  background-color: transparent;\r
+  border: 0;\r
 }\r
 \r
-#menu div.x:active {\r
-color:#060;\r
-background-color:#ccc;\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