Hi,
ich hab folgendes Problem:
Mein Menü funktioniert im FF wunderbar und im IE zwar auch allerdings ist alles ziemlich verschoben.
Ist übrigens ein Menü, welches die Menüpunkte aus einer Datenbank liest.
Hier mal dei Quelltexte:
Bitte helft mir, ich find den Fehler nicht.
Vielen Dank
Gruß
meista07
ich hab folgendes Problem:
Mein Menü funktioniert im FF wunderbar und im IE zwar auch allerdings ist alles ziemlich verschoben.
Ist übrigens ein Menü, welches die Menüpunkte aus einer Datenbank liest.
Hier mal dei Quelltexte:
PHP:
$sql = "SELECT id,name FROM struktur WHERE (aktiv='1' AND drpdw='0') ORDER BY reih ASC";
$result = mysql_query($sql) OR die(mysql_error());
$sql_1 = "SELECT id FROM struktur WHERE (aktiv='1' AND drpdw='0')";
$result_1 = mysql_query($sql_1) OR die(mysql_error());
$i = 1;
while($row_1 = mysql_fetch_assoc($result_1)){
$i = $i + 1;
}
echo '<center><div id="menu">';
echo '<ul><li>';
echo "<a href=index.php?section=1>Home</a>";
echo "</li></ul>";
if($i > 0){
while($row = mysql_fetch_assoc($result)){
$sql_5_1 = "SELECT id,name FROM struktur WHERE (aktiv='1' AND drpdw='".$row['id']."') ORDER BY drpdw ASC";
$result_5_1 = mysql_query($sql_5_1) OR die(mysql_error());
$sql_5_2 = "SELECT id FROM struktur WHERE (aktiv='1' AND drpdw='".$row['id']."')";
$result_5_2 = mysql_query($sql_5_2) OR die(mysql_error());
$i5 = 0;
while($row_5_2 = mysql_fetch_assoc($result_5_2)){
$i5 = $i5 + 1;
}
echo "<ul><li>";
echo "<a href=index.php?section=".$row['id'].">".$row['name']."</a>";
if($i5 > 0){
echo "<ul>";
while($row_5_1 = mysql_fetch_assoc($result_5_1)){
echo '<li><a href="index.php?section='.$row_5_1['id'].'">';
echo $row_5_1['name']."</a></li>";
}
echo "</ul>";
}
echo "</li></ul>";
}
echo "</div></center>";
}
HTML:
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
Code:
#menu {
width: 100%;
background: #D3E8FE;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #0072BC;
margin: 0;
padding: 2px 3px;
}
#menu h2 {
color: #FF8635;
background: #D3E8FE;
text-transform: uppercase;
}
#menu a {
color: #000;
background: #D3E8FE;
text-decoration: none;
}
#menu a:hover {
color: #FFFFFF;
background: #0072BC;
}
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
width: 100%;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
Bitte helft mir, ich find den Fehler nicht.
Vielen Dank
Gruß
meista07