Bugfix css-Menue. menuv3 ist jetzt voll funktionsfaehig in Firefox, Opera und IE6...
authorSven Schöling <s.schoeling@linet-services.de>
Thu, 1 Feb 2007 16:39:36 +0000 (16:39 +0000)
committerSven Schöling <s.schoeling@linet-services.de>
Thu, 1 Feb 2007 16:39:36 +0000 (16:39 +0000)
(IE7 und Safari nicht getestet)

css/menuv3.css

index 939ffa9..0ae6afe 100644 (file)
@@ -65,19 +65,28 @@ 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, a z-indexed layer without some kind of background will lose its events to the layer below */  \r
 #menu ul ul {\r
 position:absolute;\r
 z-index:500;\r
 top:auto;\r
 display:none;\r
-/* IE6 event bug fix, a z-indexed layer without some kind of background will lose its events to the layer below */  \r
 background:#000;\r
 }\r
 \r