Hallo,
ich habe 1,5 Probleme mit dem Border meines CSS-Menüs. Bei allen getesteten Browsern (IE7, Opera9, FF2.0) fehlt beim letzten Menüpunkt der untere Rand.
Außerdem stellt der FF nach jedem dritten Punkt eine doppelte (=fette) Linie dar. Bei den anderen Browsern funktioniert es.
Ich hab den jetzigen Stand mal
hochgeladen.
Hier auch noch die Codes:
CSS:
Code:
@charset "utf-8";
#navi, #navi ul {
list-style-type:none;
margin:0;
padding:0;
}
#navi li {
width:98px;
float:left;
border:none;
}
#navi li ul li {
width:200px;
height: 13pt;
border:1px solid #ffffff;
border-collapse: collapse;
}
#navi li ul {
display:none;
}
#navi li:hover ul {
display:block;
}
#navi a {
display:block;
padding:0px 5px;
}
#navi a:link, #navi a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFFFF;
background:#24180e;
text-decoration: none;
}
#navi a:hover, #navi a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #24180e;
background:#ffffff;
text-decoration: none;
}
HTML:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Momas Blumen Kunst</title>
<link href="div.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<style type="text/css" media="screen">#navi { behavior:url("csshover.htc"); }</style>
<![endif]-->
</head>
<body>
<p class="topnavi">impressum | kontakt | Öffnungszeiten </p>
<div class="papa">
<div class="menu">
<ul id="navi">
<li><a href="#">Leistungen</a>
<ul >
<li><a href="#" >Ladenverkauf</a></li>
<li><a href="#" >Eventdekoration</a></li>
<li><a href="#" >Wochenblumenservice</a></li>
</ul>
</li>
<li><a href="">Produkte</a>
<ul >
<li><a href="#" >Blumen</a></li>
<li><a href="#" >Pflanzen</a></li>
<li><a href="#" >Vasen</a></li>
<li><a href="#" >Übertöpfe</a></li>
<li><a href="#" >Florale Objekte</a></li>
<li><a href="#" >Accessoires</a></li>
</ul>
</li>
<li><a href="">Bestellung</a>
<ul >
<li><a href="#" >Schnittblumen</a></li>
<li><a href="#" >Geschäftsdekoration</a></li>
<li><a href="#" >Eventdekoration</a></li>
</ul>
</li>
<li><a href="">Galerie</a>
<ul >
<li><a href="#" >Blumen</a></li>
<li><a href="#" >Pflanzen</a></li>
<li><a href="#" >Vasen</a></li>
<li><a href="#" >Florale Objekte</a></li>
</ul>
</li>
</ul>
</div>
<div id="ail" class="green"></div>
<div class="logo" id="ail_logo"></div>
<div class="innen">
<div class="orn_links"></div>
<div class="haupt">
<div class="haupt_oben">
<h1>Lorem ipsum dolor sit amet </h1>
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div class="haupt_links"></div>
<div class="haupt_unten"></div>
</div>
<div class="orn_rechts"></div>
</div>
</div>
</body>
</html>
Vielleicht kann auch mal kurz noch jemand die Seite mit dem IE6 testen.
Vielen Dank schon mal!
ManUnited