mlaukel: Fehldarstellung in MSIE5.5, 6.0, 5.01

Beitrag lesen

habe soeben eine Website über html mit css erstellt. Sowohl html & css sind laut w3c Validator valide.

ich hab's mal kurz auf Validome http://www.validome.org/validate/?uri=http://www.aj-investment.de/index_de.html geprüft, es ist nicht valide...allerdings wird das vermutlich noch nicht dein Problem beheben.

Nur in MSIE 5.5, 6.0 & 5.01 wird die Seite ziemlich falsch dargestellt. In allen anderen Browsern wird sie korrekt dargestellt. Es handelt sich um folgende Website:
http://www.aj-investment.de/index_de.html

du benutzt javascript für dein Menü, was ist mit den Leuten, die javascript deaktiviert haben?

Füge eine separate ie_css-Datei z.B. über conditional comments ein:
[code]
<!--[if lte IE 6]>
<style type="text/css">
  @import "ie.css";
</style>
<![endif]-->

bye trunx

Danke erstmal dafür. Das Problem ist nur ich kann das Problem nicht in der CSS Datei lokalisieren. Hier meine Stylesheets:
Wrapper Style:
/* CSS Document */
.none {
display: none;
}

body
{
margin: 0;
padding: 0;
}

#wrapper{
width:950px;
float:left;
text-align:left;/*for IE5.x*/
}

/*Begin style for row DIVs*/
#head{
width:950px;
height:141px;
}

#midsect{
width:950px;
height:35px;
}

#basesect{
width:950px;
height:524px;
}
/*end style for row DIVs*/

/*Begin style for column DIVs*/
#head{
width:950px;
height:141px;
float:none;
}

#spacerleft{
width:175px;
height:35px;
float:left;
}

#naviright{
width:775px;
height:35px;
float:none;
}

#menuleft{
width:175px;
height:524px;
float:left;
}

#contentright{
width:775px;
height:524px;
float:none;
}
/*end style for column DIVs*/

Menu Style:
#MainMenu
{
 width:775px;
 height:35px;
 background: #d9e3eb;
 margin:0;
 border:0;
}
#tab
{
 margin:0;
 top:0;
}
#tab ul
{
 margin:0;
 padding:0;
 list-style:none;
 float:left;
}
#tab li
{
display:inline;
 float:left;
 margin:0;
 padding:0;
}
#tab a
{
 background: #d9e3eb;
 margin:0;
 padding:0;
 text-decoration:none;
 border:1px solid #FFFFFF;
 display:block;
 float:left;
}
#tab a span
{
 display:block;
 padding:0 25px 0 25px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#000000;
 line-height:35px;
}
#tab a:hover,#tab li.item_active a
{
 background:#5A8EC6;
 border-color:#FFFFFF;
}
#tab a:hover span,#tab li.item_active a span
{
 color:#FFFFFF;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
}
.dropmenudiv
{
 position:absolute;
 top:0;
 float:left;
 display:block;
 visibility:hidden;
 border:0 solid #000000;
 background: #d9e3eb;
 color:#000000;
 z-index:100;
 text-decoration:none;
 padding:0;
}
.dropmenudiv ul
{
 margin:0;
 padding:0;
 list-style:none;
}
.dropmenudiv li
{
 display:inline;
 margin:0;
 padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
 width:215px;
 margin:0;
 padding:0;
 display:block;
 border:1px solid #FFFFFF;
 color:#000000;
 background: #d9e3eb;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
}
.dropmenudiv a span
{
 float:left;
 display:block;
 line-height:35px;
 padding:0 25px 0 25px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
}
.dropmenudiv a span
{
 float:none;
}
.dropmenudiv a:hover
{
 border:1px solid #FFFFFF;
 background:#5A8EC6;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
 color:#FFFFFF;
}
.dropmenudiv a:hover span
{
 background:#5A8EC6;
 color:#FFFFFF;
}

Was führt in den Styles zur Fehldarstellung. Ich überprüfe nochmal die Maße etc. aber daran sollte es nicht liegen. Wäre nett wenn mir jemand helfen könnte. Vielen Dank.