2.3k Aufrufe
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
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
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.

Deine Antwort

Dein angezeigter Name (optional):
Datenschutz: Deine Email-Adresse benutzen wir ausschließlich, um dir Benachrichtigungen zu schicken. Es gilt unsere Datenschutzerklärung.
Anti-Spam-Captcha:
Bitte logge dich ein oder melde dich neu an, um das Anti-Spam-Captcha zu vermeiden.
...