Problem mit IE

Status
Nicht offen für weitere Antworten.
D

dirkgently

Erfahrenes Mitglied
Hallo.

Ich hab hier mal einen CSS Test. Läuft auch soweit super, nur unter der Internet Explorer zeig überhaupt nichts an.!

Vielleicht weiß jemand wieso?
Vielen Dank schon mal !
Gruß ;-)
Hier der Quellcode:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
	<title>header-footer-navi</title>
	<style type="text/css">
		body
		{ 
			position:absolute;
			background:#ffffff;
		}
		html, body
		{ 
			top:0; left:0; right:0;
			min-height:100%;
			margin:0;
			padding:0;
			width:100%;
		}
		#header_container 
		{
			position:fixed;
			top:0; left:0; right:0;
			text-align:center;
			margin:0;
			height:3em;
			z-index:3;
		}

		#header 
		{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	background:#333333;
	z-index:3;
	margin:0;
	padding:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
		}
		#menu
		{
			position:fixed;
			top:4em;
			left:.5em;
			width:9em;
			border: 3px dotted #dedede;
			padding:.5em;
		}
		#content
		{
	margin:0;
	padding-top:4.85em;
	padding-left:12em;
	padding-bottom:3em;
	z-index:2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		#footer_container
		{
			position:fixed;
			bottom:0; left:0; right:0;
			text-align:center;
			margin:0;
			height:2em;
			z-index:3;
		}
		#footer 
		{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#333333;
	z-index:3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		
		/* MSIE-Browserweiche */
		* html, * html body 
		{
			overflow:hidden;
			bottom:0;
			height:100%;
		}
		* html #header_container, * html #footer_container
		{
			position:absolute;
			width:100%;
			padding-right:16px;
		} /* Abstand nach rechts lassen f¸r den Scrollbalken */
		
		* html #menu
		{
			position:absolute;
		}
		* html #header,* html #footer
		{
			height:100%;
			position:static;
		}
		* html #content 
		{
			position:absolute;
			top:5px; bottom:0; left:34px; right:0;
			height:100%;
			width:100%;
			overflow:auto;
			margin:0;
		}
		
		#menu li
		{
	list-style: none;
	margin:0;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #CC3300;
	padding-left: 0.3px;
	font-size: 12px;
		}
		#menu li#active
		{
	padding:0.5em;
	text-decoration:underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CC9900;
		}
		#menu a:link, #menu a:visited
		{
	display:block;
	background:#eeeeee;
	color:black;
	text-decoration:none;
	margin:0;
	padding:0.2em;
	;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
		}
		#menu a:hover
		{
	background:#990000;
	color:#ffffff;
	text-decoration:underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
		}
		* html #menu
		{
	margin:0;
	width:10.5em;
	left: 0px;
		}
	</style>
</head>
<body>
	
	<div id="header_container">
		<h1 id="header">&Uuml;berschrift des Headers</h1>
	</div>
	
	
	<ul id="menu">
		<li><a href="punkt1.htm">Einfacher Footer</a></li>
		<li><a href="punkt2.htm">Feststehender Footer</a></li>
		<li><a href="punkt3.htm">Feststehender Footer f&uuml;r den Internet Explorer</a></li>
		<li><a href="punkt4.htm">Kombination: Ein Footer f&uuml;r alle</a></li>
		<li><a href="punkt5.htm">Feststehende Kopf- und Fu&szlig;zeile</a></li>
		<li id="active">Alternative Positionierung, feste Navigation</li>
		<li><a href="index.htm#fixierte_navigation_bsp">Zum Artikel</a></li>
	</ul>
	
	
	<div id="content">
		
		<p>Hier kommt der Content hinein.</p>

		<p>Das ist der zweite Absatz.</p>

		<p>Der dritte Absatz.</p>

		<p>Der vierte Absatz.</p>

		<p>	</div>
	
	<div id="footer_container">
		<div id="footer">
			<b><a href="kontakt.html">Kontakt</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="Impressum.html">Impressum</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="copyright.html">Copyright-Hinweis</a></b>
		</div>
	</div>

</body>
</html>
 
Danke michaelsinterface für die Info. !!

Ich hab hier leider nur IE 5.2.(Mac)
Und da bleibt das Fenster leer.
(gehe also davon aus, das unter 6.0 nix läuft)
 
Schwer zu sagen, woran es im StyleSheet liegt :confused:

Als Windows-User kenne ich mich mit Mac-PC's und ihren 'CSS-Interpretationen' nicht aus und kann den zu ändernden CSS-Code ja auch nicht auf meinem System überprüfen.

Testweise würde mal die absoluten Positionsangaben für das <html>- und <body>-Element entfernen. Habe die CSS-Eigenschaften mit /* ... */ auskommentiert (deaktiviert):

Code: 
body
		{ 
			/*position:absolute;*/
			background:#ffffff;
		}
		html, body
		{ 
			/*top:0; left:0; right:0;*/
			min-height:100%;
			margin:0;
			padding:0;
			width:100%;
		}
 
Hmmm.
Das hat leider auch keine Änderung gebracht.
also unter IE <6 solls auch auf dem PC Probleme geben.
Anscheinden habe die in den 6. irgendwas eingebaut, was das CSS verstehen kann.

Vielleicht hat noch jemand einen Tip?

Grüße
;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück