Fehldarstellung in MSIE5.5, 6.0, 5.01

[mlaukel]

Hallo,

habe soeben eine Website über html mit css erstellt. Sowohl html & css sind laut w3c Validator valide. 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
In MSIE 7.0 geht es im übrigen.
Wär nett wenn mir jemand helfen könnte die Seite so anzupassen, dass sie eben auf den genannten Browsern eben auch korrekt dargestellt wird. Danke schon mal.

Link zu einem MSIE 6.0 Screenshot:
http://png.browsershots.org/14d31778955926c8a0877c1e12c624e9.png

Lieber Gruß
Martin

[trunx]

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

[mlaukel]

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.