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.htmldu 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.