Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Internet Browser
Internet Browser
Fragevon Firesheep vom 09.09.2021, 12:59 Options
Ie8 probleme mit div Container
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>
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>
Antwort 1 von Supermax vom 09.09.2021, 14:11 Options
-. 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.
- 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.
Antwort 2 von gast42 vom 09.09.2021, 16:07 Options
Zitat:
Firefox ,crome und Opera bauen es richtig auf.
nein, tun sie nicht!Firefox ,crome und Opera bauen es richtig auf.
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.
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7580 Hits - 1 Antwort
Zwischenablage ie8 -> wordpad
worcester 11.03.2009 - 458 Hits - 2 Antworten
IE8 - Symbolleisten Schwarz
nikop 25.03.2009 - 1352 Hits - 1 Antwort
IE8 Favoriten
Dan_1988 11.05.2009 - 1971 Hits - 4 Antworten
IE8 stolpert
Jorja 03.07.2009 - 273 Hits - 2 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
