Zum Inhalt springen

CSS Problem im Firefox(Mozilla)

Erstellt am 18. Mai 2004 · Noch keine Antworten

Tags: Frage

jeff ·

Hallo!

Habe ein Problem mit einem Menu, das im Mozilla nicht richtig dargestellt wird. Es fehlt überall der untere Strich (border-bottom) bei allen TD's. Der oberste Strich ist durch die Tabelle selbst definiert und sichtbar.
Siehe http://veoe.beko-esolutions.at/proto/index.php?id=156

Mein CSS:

.menu1-level1-no A:link, .menu1-level1-no A:visited, .menu1-level1-no A:hover, .menu1-level1-no A:active {
	color: #000000;
	text-decoration: none; 
	display: block; 
	background-color: white;
	padding-left: 2px; 
	padding-right: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	font-size: 11px; 
	font-face: Arial, Helvetica, sans-serif;
}
.menu1-level1-cur A:link, .menu1-level1-cur A:visited, .menu1-level1-cur A:hover, .menu1-level1-cur A:active { 
	color: #EF6C00;
	text-decoration: none; 
	display: block; 
	background-image: url(http://veoe.beko-esolutions.at/proto/fileadmin/images/right_160.gif);
	padding-left: 2px; 
	padding-right: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	font-size: 11px; 
	font-face: Arial, Helvetica, sans-serif; 
}
.menu1-level1-act A:link, .menu1-level1-act A:visited, .menu1-level1-act A:hover, .menu1-level1-act A:active { 
	color: black;
	text-decoration: none; 
	display: block; 
	background-image: url(http://veoe.beko-esolutions.at/proto/fileadmin/images/down_160.gif);
	padding-left: 2px; 
	padding-right: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	font-size: 11px; 
	font-face: Arial, Helvetica, sans-serif; 
}

Dementsprechend nur mit einer anderen Hintergrundfarbe sind auch die Menüebenen 2,3 und 4 definiert.

Dann gibt's noch die TR-Definition:

tr.grau a {
	border-bottom: 1px solid black;
	border-collapse: collapse;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}
tr.grau a:hover {
	background-color: #cccccc;
}

Das dazugehörige TS:

subparts.MENU_LEVEL1 = HMENU
subparts.MENU_LEVEL1.entryLevel = 1
subparts.MENU_LEVEL1.wrap = <table width=160 border=0 cellpadding=0 cellspacing=0 style="border-top:solid 1px #000000">|</table>

subparts.MENU_LEVEL1.1 = TMENU
subparts.MENU_LEVEL1.1 {
  NO.allWrap = <tr class="grau"><td align="right" width="160" class="menu1-level1-no">|</td></tr>
  CUR = 1
  CUR.allWrap = <tr class="grau"><td align="right" width="160" class="menu1-level1-cur">|</td></tr>
  ACTIFSUB = 1
  ACTIFSUB.allWrap = <tr class="grau"><td align="right" width="160" class="menu1-level1-act">|</td></tr>
}

subparts.MENU_LEVEL1.2 = TMENU
subparts.MENU_LEVEL1.2 {
  NO.allWrap = usw ...

Kann mir jemand dabei helfen und mir sagen, wo der Hund begraben liegt?

Danke!
jeff