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
Alles anzeigen
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-Quellcode
- <!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>