soulxheart
Mitglied
Hallo zusammen
Ich habe mir eine ziemlich simple Seite erstellt. Der W3C-Validator gibt eine erfolgreiche HTML5-Prüfung ohne Fehler aus. In Firefox und Chrome wird mir die Seite korrekt, wie ich sie ursprünglich wollte, angezeigt. Der Internet Explorer 9(!) macht da aber Probleme und zeigt lediglich die Navigationspunkte und die beiden Bilder an - mehr nicht.
Ich dachte der Internet Explorer 9 versteht HTML5?
Hier übrigens mein Code:
Ich habe mir eine ziemlich simple Seite erstellt. Der W3C-Validator gibt eine erfolgreiche HTML5-Prüfung ohne Fehler aus. In Firefox und Chrome wird mir die Seite korrekt, wie ich sie ursprünglich wollte, angezeigt. Der Internet Explorer 9(!) macht da aber Probleme und zeigt lediglich die Navigationspunkte und die beiden Bilder an - mehr nicht.
Ich dachte der Internet Explorer 9 versteht HTML5?
Hier übrigens mein Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" type="image/png" href="http://www.html.de/images/favicon.png" /> <title>Startseite</title>
</head>
<body>
<header>
<div id="balken_schwarz">
<a href="http://intranet.bs.ch"><img src="http://www.html.de/images/intranet.gif" alt="Intranet"></a>
</div>
<div id="balken_weiss">
<a href="index.php"><img src="http://www.html.de/images/logo_ed.gif" alt="Erziehungsdepartement Basel-Stadt"></a>
</div>
</header>
<nav>
<ul>
<li id="aktiv"><a href="#">Startseite</a></li>
<li><a href="#">Anmelden</a></li>
<li><a href="#">Profil</a></li>
</ul>
</nav>
<section>
<div id="balken_blau">
</div>
</section>
<section>
<div id="spalte_blau">
</div>
<div id="content">
</div>
</section>
</body>
</html>
HTML:
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
body {
width:900px;
background-color:#fff;
}
header div#balken_schwarz {
height:28px;
background-color:#636363;
}
header div#balken_weiss {
height:38px;
}
nav {
height:15px;
padding-left:34px;
}
nav ul li {
float:left;
list-style-type:none;
padding:0 5px;
}
nav ul li#aktiv {
background-color:#5c8bc2;
}
nav ul li a {
font-size:0.7em;
line-height:1.3em;
vertical-align:9px;
text-decoration:none;
color:#000;
}
section div#balken_blau {
height:46px;
background-color:#5c8bc2;
}
section div#spalte_blau {
height:800px;
width:170px;
background-color:#e5edf5;
float:left;
}
section div#content {
height:800px;
margin-left:170px;
background-color:#ececec;
border-left:1px solid #ccc;
}
