iframe und css in ie --- z-index positionierung

Nars · #1 (**permalink**) 01.01.2006, 23:22

hallo zusammen!

ich arbeite momentan an einem projekt und komm bei einer sache nicht weiter. Getestet habe ich folgenden code in folgenden mac-browsern: Safari, Firefox 1.5, Netscape 7.2 und Internet Explorer, welcher das iframe auf der falschen ebene darstellt. Die anderen 3 browser stellen das ganze korrekt dar.

Code:

<?php header('Content-Language: en'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
<meta name="generator" content="Adobe GoLive"/>
		<title>dropdown</title>
		<link href="css/layout.css" rel="stylesheet" type="text/css" media="all" />
	

	
</head>
	

<body onload="preloadImages();">

	
			<div id="sign"></div>
	
			<div id="roehre"></div>

	
			<iframe width="835px" height="433px" src="sites/site.html" scrolling="auto" frameborder="0"></iframe>


			<div id="container">
	
				<div id="banner"></div>
			
				<div id="content"></div>
		
				<div id="adress"></div>
			
			</div>
			

</body>

</html>

und hier das css:

Code:

body{ 
	margin: 0;
	padding: 0;
	font-size: 101%; 
	background: url(../images/layout/bg.gif); 
	overflow: hidden
}

#sign{ 
	background: url(../images/layout/tafel.gif); 
	width: 184px; 
	height: 229px; 
	position: absolute; 
	top: 9px; 
	left: 5px; 
	z-index: 5; 
	overflow: hidden 
}

#roehre { 
	background: url(../images/layout/roehre.gif) repeat-y;
	width: 39px; 
	height: 90%; 
	position: absolute; 
	top: 234px; 
	left: 82px; 
	z-index: 6; 
	overflow: hidden 
}

#container{ 
	background: white; 
	width: 905px; 
	height: 590px; 
	position: absolute; 
	top: 30px; 
	left: 85px; 
	overflow: hidden; 
	position: absolute;
	z-index: 1; 
	border-right: 2px groove black; 
	border-bottom: 2px groove black; 
	border-top: 1px solid black; 
	border-left-color: black; 
}

#banner{ 
	background: red; 
	width: 905px; 
	height: 132px; 
	margin: 0px;
	overflow: hidden; 
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}

#content{ 
	background: white; 
	width: 905px; 
	height: 433px; 
	overflow: hidden;
}

#adress{ 
	background: white; 
	width: 905px; 
	height: 25px; 
	overflow: hidden; 

}

iframe {
	position: absolute;
	top: 163px;
	left: 155px;
	z-index: 2

}

zu sehen wäre das ganze auch hier http://nars.na.funpic.de/bikestop/index1.html

Vielen Dank für eure hilfe!

edit: hab den code nun ein wenig abgeändert, doch in ie-mac siehts immernoch kacke aus

IChao · #2 (**permalink**) 02.01.2006, 00:06

Dein Provider wirft so mit Werbung um sich, dass man das Problem nicht sieht. Meinst du IE-Mac oder IE-Win?

Nars · #3 (**permalink**) 02.01.2006, 00:15

die werbung kannst du schliessen

und ich meine ie-Mac, wies in ie-Win aussieht, habe ich momentan keine ahnung. ich denke ähnlich.

noch zum fehler: das iframe, sollte hinter der bikestop-tafel sein.

IChao · #4 (**permalink**) 02.01.2006, 00:43

Zitat:

Zitat von Nars

... ich meine ie-Mac, wies in ie-Win aussieht, habe ich momentan keine ahnung. ich denke ähnlich.

fast.

IChao · #5 (**permalink**) 02.01.2006, 01:10

IE6/Win unterstützt keine PNG alpha Transparenz, IE5-Mac schon. Die beiden Browser haben eigentlich nur die beiden ersten Buchstaben und den Hersteller gemeinsam, sonst nichts.

Nars · #6 (**permalink**) 02.01.2006, 11:58

also, png wurden provisorisch ausgetauscht und noch am code rumgebastelt. jedoch ist der fehler in ie-mac immernoch vorhanden.

ist ziemlich gut auf deinem screenshot zu sehen, vielen dank dafür

Nars · #7 (**permalink**) 02.01.2006, 23:48

uhmm... hat schon jemand anders dieses problem schon einmal gehabt?

Nars · #8 (**permalink**) 03.01.2006, 11:57

wirklich niemand, weiss auch keiner eine lösung dafür ?

IChao · #9 (**permalink**) 03.01.2006, 12:08

Die Werbung ist wirklich lästig.

Ob Philippe's Seite die Lösung hat, weiß ich nicht, aber wenn nicht dort, wo sonst?
http://l-c-n.com/IE5tests/positioning/

Nars · #10 (**permalink**) 03.01.2006, 19:09

danke für den link. habs ausprobiert, doch irgendwie hats nicht geklappt. egal, ie-mac wird eh nicht mehr unterstützt und auf ie-win sieht das ganze, was die ebenen reihenfolge betrifft, nett aus.

danke nochmals!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
xhtml 1.0 strict + iFrame im css div	bastien	(X)HTML	3	14.04.2007 14:10
css center Positionierung	DareDevil	CSS	4	08.03.2007 17:32
Tutorial zur Positionierung mittels CSS	Webstandard	CSS	2	06.04.2006 14:40
CSS Relative Positionierung - Rückstand	microlity	CSS	3	03.04.2006 22:47
Positionierung mit CSS - Layoust zu kompliziert.	jr-ewing	CSS	1	04.03.2005 11:07