1

fredag, 30. juni 2006, 22:26


er det muligt at centrere en iframe midt på skærmen
problemet er at jeg ikke kan få den til det vertikalt..


er det overhovedet muligt ?


2

fredag, 30. juni 2006, 22:37


Du skal fuske lidt med noget table... :)

Du kan læse min slamkode her... ved godt at den er grim og fyldt med fejl, men var ikke en betalingsopgave.

http://alcoholic.dk/other_sites/tv-flux/jul_2005/


3

fredag, 30. juni 2006, 22:46


Hvor ska den centreres?
Har ingen anelse om iframes sku være specielle på det område, men hvis du sætter en fast højde til den og indsætter den i en tabel, der har højden af det du ska centrere, så smækker du bare vertical-align:middle; på tabellens tr-element


4

fredag, 30. juni 2006, 23:18


brugte slamkoden ;)

og fik det her ud af det, og det gør jobbet.

Kildekode

1
2
3
4
5
6
7
8
9
<div align="center">
<table width="765" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr> <td width="100%" height="100%">
<table width="760" height="560" cellpadding="0" cellspacing="0" border="0">
<td width="758" height="558" valign="top" align="center" style="padding-top: 5px;"> 
<iframe class="iframe" frameborder="0" src ="frames.htm" width="756" height="556" align="middle" name="DIVERSE" scrolling=auto MARGINWIDTH=0 MARGINHEIGHT=0></iframe>
</td> </tr>
</table>
</div>


det kan sikkert optimeres men, det virker og det er det der tæller.


5

fredag, 30. juni 2006, 23:19


Citeret

Originally posted by KarGa
Hvor ska den centreres?
Har ingen anelse om iframes sku være specielle på det område, men hvis du sætter en fast højde til den og indsætter den i en tabel, der har højden af det du ska centrere, så smækker du bare vertical-align:middle; på tabellens tr-element


den skal centreres midt på skærmen, både horizontalt og vertikalt


6

søndag, 2. juli 2006, 14:13


Ja, der er en simpel løsning. Den er CSS baseret og den virker :D

iframe#element-id {
height: [den ønskede højde i pixels];
position: absolute;
top: 50%;
top-margin: -[halvdelen af den ønskede højde];
}


Det betyder altså, at hvis jeg har et iFrame med id'et frame1 der er 600px bredt og 450px højt skal css'en se sådan her ud:

iframe#frame1 {
width:600px;
height:450px;
position:absolute;
left: 50%;
top: 50%;
left-margin: -300px;
top-margin: -225px;
}

MSI ATX Intel 865PE Chipset || 120GB Seagate HDD, 10.700 rpm
512MB elixir DDR RAM || geForce Fx5200 128MB RAM :S
LG CD-R brænder 52x12x48x || AOC 19'' CRT

7

søndag, 2. juli 2006, 20:07


takker for assistancen :rules:


8

mandag, 3. juli 2006, 13:07


Citeret

Originally posted by ROMkuglen
takker for assistancen :rules:


Det var så lidt

MSI ATX Intel 865PE Chipset || 120GB Seagate HDD, 10.700 rpm
512MB elixir DDR RAM || geForce Fx5200 128MB RAM :S
LG CD-R brænder 52x12x48x || AOC 19'' CRT

Nyeste Videoer og Trailers

Partner sider
Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.