|
|||
Problem: Seite wird im IE anders angezeigt als in den anderen Browsern
Hallo Forum
Ich habe ein Problem, welches hier bestimmt öfters auftritt: Ich hab eine Website in HTML & CSS (und ein bisschen PHP, aber das tut hier nichts zur Sache) gebastelt und die sieht in meinem Browser (Opera 10.63 / Presto Engine) genau so aus wie sie soll. Ebenfalls richtig sieht sie aus in Firefox (Gecko), rekonq (Webkit) sowie Konqueror (KHTML). Da scheint also ein gewisser Konsens zu herrschen, wie mein CSS zu interpretieren ist Nun sieht die selbe Page leider im Internet Explorer (getestet habe ich 6, 7 und 8 - das Problem besteht ina llen Versionen!) aber halt nicht so aus wie gewünscht: Konkret scheinen die Masse nicht so 'pixelgenau' zu passen, wie ich es mir vorgestellt habe. Angehängt zwei Screenshots, einmal IE8 mit den 'Fehlern' und einmal Opera (stellvertretend für alles getestete ausser dem IE) damit klar ist, wie es aussehen sollte. Das zugrundeliegende CSS ist folgendes: (Teilweise mit auskommentierten 'Artefakten' von früheren Versionen der Page und teilweise bereits mit ergebnislosen Versuchen, den IE zur Zusammenarbeit zu bewegen, z.B. gewisse Border und Height Angaben) Code:
body { font-family: Helvetica,Arial,sans-serif; /* background-image:url(background.jpg); background-repeat: repeat; */ background-color: #459dd6; } h1 { font-size: 1.5em; text-align: center; color: #00BFFF; margin: 2em 0; } div#Content { position: absolute; top: 7em; height: 300px; width: 930px; left: 50%; margin-left: -465px; /* background-color: #EE9494; */ background-image:url(background.jpg); background-repeat: repeat; border: none; } div#Content a { text-decoration: none ; color: #255574; } div#ContentL { position: relative; width: 310px; float: left; border: none; height: 100%; } div#ContentR { position: relative; width: 620px; float: right; line-height: 1.7em; background-image:url(blue2.png); background-position: right; background-repeat: no-repeat; border: none; height: 100%; } .bitl { display: block; text-align: center; float: left; margin: 0 1.5em 0 0; border: none; height: 100%; } .bitr { display: block; text-align: center; float: right; margin: 0 0 0 2em; border: none; height: 100%; } HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>TITEL</title> <meta name="keywords" content="..."> <meta http-equiv="content-language" content="de"> <meta name="robots" content="index, follow"> <link rel="stylesheet" type="text/css" href="style0.css"> </head> <body> <div id="Content"> <div id="ContentL"> <div class="bitl"> <img src="blue1.png" style="border:none;"> </div> <p> Text </p> <p> Mehr Text </p> </div> <div id="ContentR"> <div class="bitl"> <img src="portrait.jpg"> </div> <p> Text </p> <br> <p> Auch Text </p> </div> </div> </body> </html> Das Ziel wäre natürlich, dass die Seite auf dem IE auch so aussieht wie in den restlichen Browsern - Vielen Dank für eure Hinweise |
Sponsored Links |
Sponsored Links |
|
|||
Als erstes ist es erforderlich, dass du einen Doctype angibst, der den Standardkonformen Modus (halbwegs) aktiviert.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|||
Danke,
mit "http://www.w3.org/TR/html4/loose.dtd" sowie * { outline:none; margin:0; padding:0; } (bzw. einem von beidem) hats geklappt. Zumindest bei IE 7 & 8. Auf den 6er kann man dann halt endgültig keine Rücksicht mehr nehmen. |
|
|||
Um Himmels Willen, lösch diese Zeile. Du vermeidest sonst, dass jemand mit der Tastatur deine Seite durchstöbert.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
[erledigt]jQuery Toogle - Problem damit? Seite "springt" immer nach oben | Berliner | Javascript & Ajax | 3 | 12.10.2013 14:07 |
Problem bei der Ansicht in versch. Browsern | Rock Lee | (X)HTML | 10 | 11.01.2009 13:15 |
Seite im IE nicht angezeigt | ruzz | Barrierefreiheit | 4 | 02.01.2009 19:50 |
CSS Problem Design auf anderen Rechnern verschoben | MALPI | CSS | 3 | 09.10.2008 11:51 |
Seite wird im Internet Explorer nicht angezeigt - Firefox ohne Probleme | Alex-2.5 | CSS | 2 | 01.03.2007 04:32 |