Hallo alle!
Ich habe gerade ein CSS-Dropdown Menü geschrieben, allerdings funktioniert dies nicht im IE.
Ich kapier gerade nicht was ich machen muss :D
Kann wer helfen? Unten ist die Datei mit aktuellen Aufbau.
*lasst euch nicht vom Design stören, ist auf die schnelle gemacht worden
PHP
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<style>
#wrapper{ padding:50px 0; width:980px; min-width:980px; margin:0 auto; border:1px solid #e4e4e4; background:#fff; -webkit-box-shadow: 0px 0px 1px 0px #c8c8c8;box-shadow: 0px 0px 1px 0px #c8c8c8; position:relative; }
div.topnav{position:absolute; width:100%; min-width:980px; margin:0; }
ul#topnav{ position:relative; z-index:9980; width:100%; min-width:930px; margin:0 0 25px; padding:0; height:35px; list-style:none; background: #d3d3d3;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 7%, #e1e1e1 94%, #c6c6c6 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(7%,#ffffff), color-stop(94%,#e1e1e1), color-stop(100%,#c6c6c6));background: -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 7%,#e1e1e1 94%,#c6c6c6 100%);background: -o-linear-gradient(top, #d3d3d3 0%,#ffffff 7%,#e1e1e1 94%,#c6c6c6 100%);background: -ms-linear-gradient(top, #d3d3d3 0%,#ffffff 7%,#e1e1e1 94%,#c6c6c6 100%);background: linear-gradient(to bottom, #d3d3d3 0%,#ffffff 7%,#e1e1e1 94%,#c6c6c6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#c6c6c6',GradientType=0 ); }
ul#topnav li{ float:left; }
ul#topnav li a{ border-right: 1px solid #D3D3D3; color: #000000; display: inline-block; font-weight: bold; padding: 10px 0; text-align: center; text-decoration: none; width: 108px; }
ul#topnav li a:hover{ color:#2638D6; }
.topnav ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px;}
.firstmenu ul li a:hover{ color:#2638D6; }
.firstmenu ul{display:none;}
.firstmenu:hover ul {display:block;z-index:99999;}
.secondmenu {position:relative; clear:both; background: linear-gradient(to bottom, #D3D3D3 0%, #FFFFFF 7%, #E1E1E1 94%, #C6C6C6 100%) repeat scroll 0 0 transparent; border-bottom:1px solid #d3d3d3; width:108px; cursor:pointer;}
.secondmenu a{border:0 !important;font-size:12px;clear:both; text-align:left !important; padding-left:10px !important;/* special IE6 */}
</style>
</head>
<body>
<div id="wrapper">
<div class="topnav">
<ul id="topnav">
<li><a href="./index.php" id="homenav">Startseite</a></li>
<li><a href="./portale.php" id="portalenav">Portale</a></li>
<li class="firstmenu">
<a href="./immobilien.php" class="immonav">Immobilien</a>
<ul>
<li class="secondmenu"><a href="./immoarchiv.php">Archiv</a></li>
<li class="secondmenu"><a href="./vorlagen.php">Vorlage</a></li>
<li class="secondmenu"><a href="./immobilien.php?action=import">Importieren</a></li>
</ul>
</li>
<li><a href="./media.php" id="medianav">Mediathek</a></li>
<li><a href="./kontaktpersonen.php" id="kontaktpersonnav">Kontaktperson</a></li>
</ul><?php //UL ID TOPNAV ZU ?>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Alles anzeigen