Grosser Fehler im IE

Im IE und Opera ist der Content, Counter und Header spurlos verschwunden.
Nur die Navi bleibt noch,
im Mozilla Firefox stimmt alles...
hier mal den Code.
Ich erbitte eure Hilfe, weil dies ist wirklich wichtig, denn meine Probleme
sind zurzeit gross...


<style type="text/css">
<!--
body{
background-image: url(http://www.foto-gruber.com/Baukasten/Hintergrund-grau.gif);
background-color: #XXXXXX;
color: #000000 !important;}
</style>

<style type="text/css" media="screen">
<!--

body
{
font-family: Ravie, sans-serif;
font-size: 15px;
overflow: auto;
padding: 10px;
margin: 10px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}


li a
{
padding-right: 25px;padding-top: 7px;
}


div.menu
{
position: absolute;
z-index: 5;
top: 189px;
left: 52%;
margin-left: -725px;
width:905px;
}


.menu li
{
width: 100px;
float: left;
}


.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/i/ihre-wunsch-domain/buttonabenteuergeschichte1.png
);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #FFFFFF;
margin: 0px;
display: block;
height: 27px;
}


.menu a:hover
{
background-image: url(http://img.webme.com/pic/i/ihre-wunsch-domain/buttonabenteuergeschichte.png);
color: #FFFFFF;
}




#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top:5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<!-- Ende des Scriptes -->

<div class="menu">

<li><a href="http://abenteuergeschichte.de.tl/Home.htm">Home</a></li>
<li><a href="http://abenteuergeschichte.de.tl/Gbook.htm">Gbook</a></li>
<li><a href="http://abenteuergeschichte.de.tl/Handlung.htm">Handlung</a></li>
<li><a href="http://abenteuergeschichte.de.tl/Bio.htm">Bio</a></li>
<li><a href="http://abenteuergeschichte.de.tl/News.htm">News</a></li>
<li><a href="http://abenteuergeschichte.de.tl/Newsletter.htm">Newsletter</a></li>

</ul>
</li>

</div>

h1#title{display: none;}
#sidebar_container{display: none;}
#nav_container{display: none;}
body {background:#9a9ea2;}
div.header{;}
li.nav_element{list-style-type: none;}
a{color#BBBBB; font-size: 12px; text-decoration: none;}
a:hover {color: #FFFFFF; font-size: 12px; text-decoration: none;}
a:link {color: #FFFFFF; font-size: 12px; text-decoration: none;}
a:active {color: #FFFFFF; font-size: 12px; text-decoration: none;}
a:visited {color: #000000; font-size: 12px; text-decoration: none;}
#Design {
width: 1000px;
height: 598px;
background:;
background-image:url();
color: ;
margin: 10px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 2;
position:absolute;left:125px;top:174px;}
#content {
height: 430px;
width: 600px;
z-index:1;
background:;
background-image:url(http://ladyofthelaketattoo.com/images/Black%20Wallpaper.jpg);
color: #000000;
margin: 5px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:150px;top:218px;}
h2#title span {display:none}
#counter{
position:absolute;
width:600px;
left: 150px;
top: 650px;
z-index: 10;
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/i/ihre-wunsch-domain/counter.png)
}
#header {
position: absolute;
left:50%;
margin-left: -690px;
width: 580px;
height: 114px;
background-image:url(http://img.webme.com/pic/d/dede-manga-fans/bannerabenteuergeschichte.gif);
padding: 10px;}
<



das ist der ganze Code...


lg
Jonas

Bei mir ist es sowohl im Firefox als auch im Explorer nicht richtig°

Firefox:
Header und Navi verschoben!

Internet Explorer:
Nur Navi zu sehen!

Am besten währe es, wenn du alles nochmal neu machst!!
Denn der Code hat massenhaft Fehler!

vg tjpeiler
______________

ich habe alles neu gemacht, auf der Testpage,
aber deshalb muss ich die Fehler sehen, im
IE und Opera.
Das Mit dem Firefox ist mir allerdings neu....
wahrscheinlich nutzt du ein älteres...
weiss jemand die Lösung?


lg
Jonas

Bei mir ist es genauso wie tjpeiler es beschrieben hat. (Übrigens: ich benutze sowohl FF3 als auch IE8)
______________
Gruß,
Modgar

und eine Lösung?
Ihr braucht mir hier nicht alle aufzunotieren^^

Ich habe Firefox 3.5, also die neuste Version^^

Ich denke, dass du das ganze Design neu machen solltest, denn die Fehler sind vertahl!!

vg tjpeiler

das hast du schon mal gesagt!
Und ich habe schonmal geantwortet.
Und ich suche genau deswegen eine
Lösung, um sie im neuen Design
einzubauen. Sonst mache ich den Fehler
nochmal.
Klar soweit?


lg
Jonas

Gib mir mal den Code!

Dann schau ich mal was ich machen kann!

PS: Jack Sparrow

der ist doch schon ganz oben.


lg
Jonas

Ohh ja! Bin im Moment etwas durcheinander!

also hättest du eine Ahnung, was den Fehler betrifft?


lg
Jonas

ich pushe mal, tjpeiler-designs scheint es nicht zu schaffen.
Wüsste wer, was in dem Code falsch ist?
Wahrscheinlich sind es mehrere Fehler.

Ist sehr wichtig!


lg
Jonas

push!!
Weiss es wirklich niemand??


lg
Jonas