CSS-Layout Menü IE6 <- Problem

[duerov]

Guten Morgen,
ich habe folgendes Problem. Hab auf meiner Homepage ein Javascriptmenü das unter dem Firefox (1.0.6) tadellos funktioniert. Wenn ich die Seite allerdings im Internet Explorer (bei mir Version 6.0) aufruf kommt kein Menü. Er sagt auch nicht, dass da was fehlt oder nicht dargestellt werden kann, es ist einfach nichts da (JavaScript ist im IE aktiviert).
Hat da jemand einen Tipp woran das liegen könnte?
Gruß und Dank im Voraus
duerov

[Niedi]

wird sonst alles normal angezeigt? hast du auch andere javascript sachen auf der homepage die angezeigt werden?

link? mehr infos bitte

mfg

[Zergling-new]

In Zeile 34 hast du eine Klammer vergessen.

[duerov]

@Zergling:
In Zeile 34 hat tatsächlich eine Klammer gefehlt, geht aber leider trotzdem nicht
@Niedi <-- das nächste mal copy/paste, versprochen
Kannst es dir hier mal anschaun wenn du willst:
http://duerov.du.funpic.de/
Wie gesagt, im Firefox läuft alles tadellos, im IE gehts nicht.

Zur Vollständigkeit hier mal das Menü:

<script type="text/javascript">

if(!window.Node){
	var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
	return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
	var result = new Array();
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		if(checkNode(children[i], filter)) result[result.length] = children[i];
	}
	return result;
}
function getChildrenByElement(node){
	return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
	var child;
	var children = node.childNodes;
	for(var i = 0; i < children.length; i++){
		child = children[i];
		if(checkNode(child, filter)) return child;
	}
	return null;
}
function getFirstChildByText(node){
	return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
	for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
		if(checkNode(sibling, filter)) return sibling;
	}
	return null;
}
function getNextSiblingByElement(node){
	return getNextSibling(node, "ELEMENT_NODE");
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||
// Menu Functions & Properties

var activeMenu = null;

function showMenu(){
	if(activeMenu){
		activeMenu.className = "";
		getNextSiblingByElement(activeMenu).style.display = "none";
	}
	if(this == activeMenu){
		activeMenu = null;
	}else{
		this.className = "active";
		getNextSiblingByElement(this).style.display = "block";
		activeMenu = this;
	}
	return false;
}
function initMenu(){
	var menus, menu, text, a, i;
	menus = getChildrenByElement(document.getElementById("menu"));
	for(i = 0; i < menus.length; i++){
		menu = menus[i];
		text = getFirstChildByText(menu);
		a = document.createElement("a");
		menu.replaceChild(a, text);
		a.appendChild(text);
		a.href = "#";
		a.onclick = showMenu;
		a.onfocus = function(){this.blur()};
	}
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||

if(document.createElement) window.onload = initMenu;

</script>

[Niedi]

ich schaus mir erst an, wenn du meinen namen ausbesserst -_-

[duerov]

@Niedi
Deinen Namen hab ich fei schon längst geändert.

Das muss jedenfalls an was grundsätzlichem liegen, irgendwas verkraftet der IE da nicht. Vielleicht hat ja jemand anderes noch ne Idee.

[duerov]

Kommando zurück!
Mein Fehler, es hat nicht am JavaScript gelegen sondern an den CSS-Eigenschaften. Mit denen kommt der IE6 nicht zurecht, bzw. wurden die ja absichtlich rausgenommen. Jetzt weiß ich bloß nicht was ich dagegen tun soll. Hat da jemand nen Tipp?
Gruß und Dank im Voraus
duerov

Hier ist der Übeltäter :

<style type="text/css">

body {
background-color: #4215DB; // #faf7ec
margin: 0;
//padding: 50px 0 0 150px;
}

ul#menu {
width: 100px;
list-style-type: none;
border-top: solid 1px #b9a894;
margin: 0;
padding: 0;
}

ul#menu ol {
display: none;
text-align: right;
list-style-type: none;
margin: 0;
padding: 5px;
}

ul#menu li, 
ul#menu a {
font-family: verdana, sans-serif;
font-size: 13px;
color: #FFFFFF; //#785a3c
}

ul#menu li {
border-bottom: solid 1px #b9a894;
line-height: 20px;
}

ul#menu ol li {
border-bottom: none;
}

ul#menu ol li:before {
content: "+ ";
}

ul#menu a {
text-decoration: none;
outline: none;
}

ul#menu a:hover {
color: #539dbc;
}

ul#menu a.active {
color: #be5028;
}

</style>

[duerov]

Jetzt wirds langsam peinlich, aber ich muss mein oben geschriebenes schon wieder als schmarrn abstempeln. Ich hab mir das Ganze immer bei einer Auflösung von 1024x768 angeschaut, wenn ichs mir allerdings auf 1280x1024 anschau seh ich das halbe Menü. Sprich, der IE interpretiert irgendwelche Abstände anders als der Firefox und schiebt mir das Menü unter mein Hauptframe. Jetzt muss ich halt irgendwie rausfinden, wie ich das einricht, dass es auf beiden Browsern gleich gut zu sehen ist. Also wenn da jemand einen Tip hat wär ich auch dankbar.
Gruß
duerov

PS. Der Quelltext ist immernoch auf http://duerov.du.funpic.de zu bewundern (Einfach auf Menü klicken)