|
|||
iframe und css in ie --- z-index positionierung
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> 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 } Vielen Dank für eure hilfe! edit: hab den code nun ein wenig abgeändert, doch in ie-mac siehts immernoch kacke aus |
Sponsored Links |
|
|||
Dein Provider wirft so mit Werbung um sich, dass man das Problem nicht sieht. Meinst du IE-Mac oder IE-Win?
|
Sponsored Links |
|
|||
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. |
|
|||
Zitat:
|
|
|||
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.
|
|
|||
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 |
|
|||
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/ |
Sponsored Links |
|
|||
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! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |