✔ IE 6 und 7

C

Crash123

Erfahrenes Mitglied
Hallo Leute,

Ich habe mein Internetseite nun endlich fertig,
zumindest habe ich es Heutemorgen noch gedacht.

Das Problem ist, wenn ich diese Seite mit dem IE 7
öffne funktioniert es einwandfrei aber im IE 6 nicht
aber wenn ich am Anfang des Quelltextes einen Kommentar
schreibe ist es genau umgekehrt.
Ich weiß, dass sich der IE7 mit diesem Kommentar verhält wie
der IE6 aber warumfunktioniert meine Seite im IE6 nicht ohne diesen
Kommentar?
 
Hi,

du wirst uns schon einen Einblick in deinen Seitenquelltext (HTML-Code + CSS-Formatierung) gewähren, oder den Link zur Seite nennen müssen, um dazu überhaupt was sagen zu können.

mfg Maik
 
Achja, falls du eine Unterscheidung für die Darstellungsmodi in den beiden IE-Versionen vornehmen möchtest:

Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE ....>

Mit dem XML-Prolog vor der Doctype-Deklaration schaltet der IE6 in den Quirksmode, der IE7 hingegen nicht.

mfg Maik
 
Ich versteh jetzt zwar nicht ganz warum du diesen Brauchst, da
es ja an diesem Kommentar liegen muss, weil es ja im IE7 ohne
und im IE6 mit aber hier hast du das css ...

HTML: 
<style type="text/css">
		#namenNummernAnzeigen{
			display:none;
		}
		#links{
			color:black;
			text-decoration:none;	
		}

		#biltTeil{
			background-image: url(bilder/background_headlogo.gif);
			height: 51px;
			width: 155px;
			
		}
		#bildTeil2{
 			background-image: url(bilder/background_navtreeHL.jpg);
	
			height: 25px;
			width: 145px;
		}
		#rest{
			background-image: url(bilder/background_header.gif);
			height: 51px;
			width: 100px;
			
		}
		#bannerTabelle{
			padding-top:0px;
			padding-left:9px;
			background-image: url(bilder/background_navtree.jpg);
		}
		#ueberschriftBild{
 			
			background-image: url(bilder/background_navigation.jpg);
			width: 780px;
 			height: 51px;
			
 			padding-left:6.00cm; 
			
		}
 		#von1, #bis1, #vonBis{
			color:#00f;
		}
		#ueberschrift{
			font-weight: bold;
			font-size:50px;
			color:#FFF;
		}
		
		* html #ueberschrift{
			font-weight: bold;
			font-size:44px;
			color:#FFF;
		} 
		#eingerueckt{
			margin-left:40px;
			margin-right:55px;
		}
		#anzeigeDatum { 
			margin:3px; 
			display:none; 
			float:left;
			
		}
		#nichtDa{
			display:none;
		}
		#anzeigeNummern { 
			
			border-width:30px;
			margin:3px; 
			display:none; float:left; 
		}
		#anzeigeFulltext { 
			margin:3px;
			display:none; 
			float:left;
		}

		#scrollbar {
 			padding-top:1.5cm;
			padding-left:10.00cm;
		}

		#datum{
			position:fixed;
			background-image: url(bilder/background_navtree.jpg); 
			width:270px;  
 			height:1200px; 
 			top:76px; 
		}

		body > #fixed {top:0; position:fixed}
		* html body { margin:0; overflow-y:hidden; padding:0; }
		* html #scrollbar { 
			position:absolute;
			height:100%;
			width:100%;
			overflow:auto;
			right:0;
			left:0;
			top:0;
			margin:0;
			padding-left:10.00cm;
			padding-top:2.5cm;
		}

		#baumRest{
			background-image: url(bilder/background_navtree.jpg);
			width: 115px;
 			height: 25px;
		}
		#anzeigeZeitraum{
			display:none;
		}
		
		#resultTabelle{
			font-size:0.8em;
			width:500px;
			padding-top:1.5cm;
		}

		#resultTabelle th{
			background-color:#d3d3d3;
		}
		#tdUnten{
			border-bottom:0.1em solid #000;
		}
		#unten{
			border-bottom:0.1em solid #000;
			border-right:0.1em solid #000;
		}
		#rechts{
			border-right: 0.1em solid #000;
		}

		#tdRechts{
			border-right: 0.1em solid #000;
			border-bottom:0.1em solid #000;
		}
		#spinBoxKlein{
			width:21px;
			font-size:0.8em;
		}
		#spinBoxGross{
			width:35px;
			font-size:0.8em;
		}

		#tabelle{
			padding-top:1.5cm;
		}
		
		p, h1{
			font-size:0.8em;
		}
		a{
			font-size:0.9em;
		}
		#in{
			font-size:0.8em;
			
		}
		
		</style>
Ich geben auch noch mehr Einblicke,
wenn es hilft.
 
Crash123 hat gesagt.:
Ich versteh jetzt zwar nicht ganz warum du diesen Brauchst, da
es ja an diesem Kommentar liegen muss,

Ich geben auch noch mehr Einblicke,
wenn es hilft.
Zum Vergrößern anklicken....
Wie sollen wir auf deine Frage

aber warumfunktioniert meine Seite im IE6 nicht ohne diesen
Kommentar?
Zum Vergrößern anklicken....

näher eingehen, wenn wir den Seitenaufbau und ihre Formatierung überhaupt nicht kennen, geschweige denn wissen, was im IE6 nicht funktioniert? Oder glaubst du, dass wir hier alle Hellseher sind, und im Zweifelsfall einen Blick in die Glaskugel werfen?

Sollte mein Tip mit dem "XML-Prolog" nicht weiterhelfen, bitte den HTML-Code nachreichen, damit man sich die Seite in den IEs anschauen kann.

mfg Maik
 
Na es war ja nur dieses Problem
HTML: 
<?xml version="1.0" encoding="iso-8859-1"?>
Deshalb hat sich ja meine Vermutung bestätigt oder sollte es eigentlich auch
ohne diese Zeile funktionieren?
 
Dass der HTML-Kommentar vor'm Doctype Probleme im IE7 bereitet hat, hab ich schon vernommen, blos kann dir hier niemand ohne Einsicht in den Quellcode (HTML + CSS) etwas zu den Ursachen sagen, warum der IE6 mit Darstellungsfehlern glänzt, sobald er im standardkonformen Modus läuft. Wie auch, wenn's nix zum Betrachten gibt, und keiner weiß, was im IE6 konkret nicht funktioniert.

Naja, nach Einsicht in das Stylesheet geht's dir wohl um die fixierte Positionierung für #datum, die vom IE6 nicht unterstützt wird.

Schau dir mal http://code.google.com/p/ie7-js/ an - damit dürften sich der XML-Prolog und die Star-HTML-Hacks im Stylesheet für den IE6 erübrigt haben: http://ie7-js.googlecode.com/svn/test/fixed.html.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück