Avatar billede mik789 Nybegynder
22. juni 2002 - 11:17 Der er 8 kommentarer og
3 løsninger

div over iframe

Jeg har et dokument med en iframe, men jeg vil godt have mulighed for at lægge et lag henover. Jeg har sat z-index til 1 for laget. Desværre viser IE og NS (version 6) laget forskelligt i forhold til iframen. IE har den over (som jeg ønsker), men NS har den under. Hvad skal jeg gøre for at få NS til at lægge laget over?

Her er koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Div over Iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<div style="border: 1px solid #666666; background-color:#ffff99; position:absolute; bottom:369px; left:185px; width:500px; height:170px; text-align:left; z-index:1">&nbsp;</div>

<iframe src="" frameborder="0" scrolling="yes" style="border-top: 1px solid #666666; border-left: 1px solid #666666; position:absolute; bottom:40px; left:165px; width:500px; height:520px;"></iframe>

</body>

</html>

I kan se det på: www.dahr.dk/divoveriframe.html

/mik
Avatar billede -master-d- Nybegynder
22. juni 2002 - 11:28 #1
virker det ikke hvis iframen er z-index:1, og div'en er z-index:2
Avatar billede mik789 Nybegynder
22. juni 2002 - 12:11 #2
master-d> nej, desværre
Avatar billede -master-d- Nybegynder
22. juni 2002 - 12:37 #3
Har kigget lidt på andre eksperten spørgsmål, men det ser ikke ud til at det er lykkedes før. Men, men ,men det skal dog siges at det kan løses med dette her :

Din iframe ser vel sådan her ud ??
<iframe src="data.html" width="750" height="700"></iframe>


Det udskifter du med

<OBJECT TYPE="text/x-scriptlet" WIDTH="750" HEIGHT="700" DATA="Data.html">
</OBJECT>

Det skulle før have virket.
Avatar billede =maddog= Nybegynder
22. juni 2002 - 12:58 #4
Det der afgør om en iframe registrerer z-index eller ej er om iframen er en windowless eller en windowed iframe. Det betyder kort og godt om iframen opfattes som et seperat window objekt eller ej. I IE5.5 og ned samt alle andre iframe kompatible browsere er iframe windowed og kan derfor IKKE ligges under andre html entiteter (z-index er slet og ret ikke understøttet). I IE5.5+ skulle iframe kunne sættes med z-index da det er windowless.
At bruge <object> kan næppe være mere kompatibelt men jeg har ikke hands on erfaring med den løsningsmodel.
Avatar billede mik789 Nybegynder
22. juni 2002 - 13:02 #5
maddog> det du siger er at det ikke kan lade sig gøre i andet end IE5.5+ og ikke i NS (heller ikke v..6) der ikke lader iframe støtte z-index. Dvs. det kan ikke lader sig gøre.

master-d> Har prøvet med object. Det løser ikke problemet.
Avatar billede mik789 Nybegynder
22. juni 2002 - 13:45 #6
Nu har jeg prøvet at erstatte iframen med en anden div. Så løser jeg jo det oprindelige problem med at vise et lag ovenover. Men der opstår så et andet problem: Jeg kan ikke bruge bogmærker, dvs. <a href="#navn"> og <a name="navn"> i en div i NS 6. Og det skal man kunne. Kan det så løses på en anden måde? Prøv at se på www.dahr.dk/divoveriframe1.html
Avatar billede mik789 Nybegynder
22. juni 2002 - 15:35 #7
Brugen af bogmærker i en div afhænger af hvordan overflow er defineret. Hvis det er scroll eller auto, kan NS ikke vise bogmærker, fordi denne indstilling gør div til et pseudovindue. Men uden overflow kan det godt lade sig gøre. Det kan jeg bare ikke bruge.

maddog> din kommentar er rigtig nok som en del af svaret, så læg et svar, så deler vi, hvis det er ok.
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 17:49 #8
Et godt script findes på www.bosrup.com/web/overlib/
Avatar billede =maddog= Nybegynder
23. juni 2002 - 07:25 #9
okey
Avatar billede mik789 Nybegynder
23. juni 2002 - 08:44 #10
sn0wflake> jamen det er lisom noget andet. det script laver små meddelelsesbokse, de fleste bundet til markøren. Jeg har brug for en absolut positioneret div der kan bruges til en række menulinks. Det endte med at jeg lave et script der er browserafhængigt: hvis man har IE får man menuen som div, hvis ikke, som et nyt vindue.
Avatar billede mik789 Nybegynder
23. juni 2002 - 08:45 #11
lave == lavede
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester