2.1k Aufrufe
Gefragt in Internet Browser von
Firefox ,crome und Opera bauen es richtig auf.
Nur internet Explorer 8 macht mucken und baut es nicht auf wie die anderen Browser woran liegt das?

<html>
<title>Div Container </title>

<style type="text/css">

<!--

#divHeader{
position: relative;
background-color: FFFF00;
height: 160;
width: 980;
text-align: center;
}
#divNavi{
position: relative;
background-color: #FF0000;
height: 900;
width: 180;
margin: auto auto ;
float: left;
}
#divcontent {
position: relative;
background-color: #4682b4;
height: 900;
width: 800;
margin: 0px 180px ;

}
#divfooter
{
position: relative;
background-color: #9acd32;
height: 60;
width: 980;
text-align: center;

}

</body>
</html>
-->
</style>
</head>
<body>
<div style="margin:0 auto; width:980px">
<div id="divHeader"><h1>Herzlich Willkommen</h1></div>
<div id="divNavi">
<p>Startseite</p>
<p>Programm</p>
<p>Stadtplan</p>
<p>Hintergrund</p>
<p>Kontakt</p>
</div>
<div id="divcontent">Guten Tag</div>
<div id="divfooter">Diese Seite ist mein versuch</div>
</div>
</body>
</html>

2 Antworten

0 Punkte
Beantwortet von supermax Experte (4.8k Punkte)
-. fehlender DOCTYPE

- fehlendes öffnendes <head>-Tag vor dem <title>

- </body></html> gehören nicht in den <style>-Bereich

Tipp: bei solchen Problemen erstmal einen HTML/CSS-Validator verwenden, alle logischen und Syntaxfehler beheben. Häufig löst das auch schon die Darstellungsprobleme in verschiedenen Browsern.
0 Punkte
Beantwortet von
Firefox ,crome und Opera bauen es richtig auf.
nein, tun sie nicht!
Der Code ist Murks. Neben den in A1 angeführten HTML-Fehlern gibts folgende gravierenden CSS-Fehler:

fehlende Raute bei Farbkodierung
keine Einheiten bei Größenangaben

Mit gutem Recht kann daraus jeder Browser machen was er will. Richtig wäre allerdings nur keine Anzeige.
...