iframe verschiebt sich

Max

Huhu...
ich hab da ein kleines Problem... also wen ich mein html File normal mit Firefox öffne ist das iframe am richtigen Ort, jedoch wenn ich F11 drücke und den browser somit vergrössere verschiebt sie das iframe ein stück nach oben....
könnte mir da jemand weiterhelfen?

gravedigger

gib mal den link, dann kann man es besser verstehen..

Mir nicht

Kann es sein, dass du relative angaben gemacht hast und das iFrame nich fix angelegt hast!

Max

Die Seite ist noch nirgends drauf... ich schreib hier mal den Code vielleicht seht ihr dann den Fehler.

Code

html>
<head>
<STYLE type="text/css">
<!--
BODY
{
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #e31212;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
<title></title>




<body style=" 


background-position-x:center;
background-position-y:center;
background-position:center;
background-repeat:no-repeat;"
usemap="#FPMap0"
background="hp.jpg">
<body bgcolor="black">


</body> 


<iframe style="position: absolute; width:240px; height:230px;
z-index: 300; top: 275px; left: 515px; frameborder=0 
id=content name=iframe src="test3.htm">
</iframe>




</body>
</html>

Alles anzeigen

Mir nicht

Gut dann nich. Was ist z-index. Kommt da keine angabe hinter?

Max

Soweit ich weiss ist index um das frame in den vordergrund zu stellen... bin mir nicht ganz sicher...Ausserdem hat es eine angabe, aber an die liegt es nicht da ich damit schon experimentiert habe.
Der fehler liegt woanderst denke ich

Mir nicht

Naja ist aber doch nicht so schlimm. Ich bin noch nie auf die Idee gekommen F11 auf irgendner seite zu drücken. Für was auch. Darüber würd ich mir nicht sone gedanken machen!

Ronald

Moin!

Zitat von Mir nicht

Was ist z-index. Kommt da keine angabe hinter?

Wenn du dir deine Layer, Bilder, pp. als Papiervorlagen vorstellst, dann kannst du sie ja z.B. auf eineem Tisch einfach übereinanderlegen. Der z-index sagt i.V.m. Stylesheets aus, wo das entsprechende Blatt auf dem Stapel liegt. Je höher die Nummer ist, umso weiter oben liegt das entsprechende Teil, die höchste Nummer ist ganz oben, die niedrigste ganz unten.

Hast du also z.B. zwei Grafiken (Bild1 und Bild2) mit CSS formatiert und etwas versetzt übereinander liegen, dann ist wenn Bild 1 den z-index = 1 hat das Bild 2 bei z-Index = 2 komplett sichtbar und Bild 1 liegt drunter. Gibst du nun dem Bild 2 den z-Index = 0, dann legt es sich unter Bild 1, da Bild 1 mit z-index 1 einen höheren Wert hat.

Praktisches Beispiel (weil wir es grade hatten): Du willst auf einer Weltkarte Punkte (kleine Grafiken) für die Großstädte eintragen. Die Weltkarte bekommt z-index = 1 und die Punkte bekommen alle z-index = 2. Damit sind alle Punkte sichtbar auf der Karte. Gibst du nun der Weltkarte den z-index = 3, dann sind alle Punkte weg, weil sie hinter der Weltkarte verschwinden.

Negative z-indexe machen ein Objekt unsichtbar, da der normale Hintergrund der HTML-Seite automatisch z-index = 0 hat.

Alles klar ?

Fragt ...

Ronald a.d.M.

Tags