zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem: Seite wird im IE anders angezeigt als in den anderen Browsern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.03.2011, 19:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.03.2011
Beiträge: 2
peon2t befindet sich auf einem aufstrebenden Ast
Standard 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%;
  }
und das HTML:

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> 
Sämtliche Bilder (blue1, blue2 und portrait) haben exakt eine Höhe von 300 Pixeln.


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
Angehängte Grafiken
Dateityp: png IE.png (323,4 KB, 14x aufgerufen)
Dateityp: png OP.png (360,6 KB, 11x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.03.2011, 20:37
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Das ist normal.

Üblich sind ein Browser-Reset und der ganze andere Schwindel für die diversen
IEs. Irgendwo in den FAQs ist da eine Liste. Hilfreich ist noch das "Little Boxes".
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.03.2011, 21:14
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 01.03.2011, 22:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.03.2011
Beiträge: 2
peon2t befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 01.03.2011, 22:17
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von peon2t Beitrag anzeigen
* {
outline:none;
}
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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:24 Uhr.