Hey Leute,
habe eine Webseite erstellt: Voice of music.
Dort gibts links ein Menü, bei dem man unter Galerie zwei Unterpunkte hat. Die zwei Unterpunkte bei Galerie werden von den Oberpunkten, die darunter sind, im IE7 und Firefox überlagert, wenn ich für den li-Tag eine „height“ angebe. Gebe ich keine height an, sieht das ganze im IE6 und IE7 sehr komisch aus (Voice of music).
Was kann ich machen, dass das Submenü nicht überlagert wird, aber trotzdem alles richtig angezeit wird?
Hier noch das .css-file:
[PHP]
@charset „utf-8“;
/* css voice-of-musik */
body {
margin-left: 0px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
background: #7976A8;
font-family:arial;
font-size:12px;
color:black;
}
a {color:black; cursor:hand; cursor:pointer;}
.header {background:url(logo-vom.png) no-repeat;}
table {padding:0px;}
.nav {padding:0px; margin:0px;}
.nav ul {padding:0; margin:0;}
/* hier mit oder ohne height*/
.nav ul li { list-style:none; margin:0px; margin-left:10px; padding:0px; border-bottom:1px solid #cccccc;}
.nav ul li a { height:25px; padding:0; margin:0; line-height:25px; color:black; text-decoration:none; }
.nav ul li a div {width:130px;}
.nav ul li a:hover {color:orange;}
.nav ul li a.mark {color:#e77817;}
.nav ul li a:hover img.normal {display:none;}
.nav ul li a:hover img.over { display:block;}
.nav ul li a img.over { display:none; }
.nav ul li a img.overm { display:block;}
.nav ul li a img.normalm {display:none;}
.nav ul li ul li {border: none;}
.nav ul li ul li a {list-style:none; line-height:20px; height:20px; margin:0px; padding:0px; border:none;}
.nav ul li ul li a div {width:100px;}
.nav ul li ul { display:none;}
.nav ul li ul.mark {display:block;}
.nav ul li ul li a:hover {color:orange;}
.nav ul li ul li a.mark {color:#e77817}
.main {padding:0; margin:0; padding-bottom:10px; padding-right:40px;}
.main h1 { padding:0; padding-top:0px; padding-bottom:10px; margin:0;}
[/PHP]
noch die nav.php
[PHP]
[/PHP]
schonma danke für die Hilfe
schlurpsel