Avatar billede kwanstudios Nybegynder
20. juli 2002 - 01:04 Der er 7 kommentarer og
4 løsninger

Nemmest centrering af <iframe>

Forslag til hvordan jeg nemmest centrerer min <iframe> på mit site?
Avatar billede esoulman Nybegynder
20. juli 2002 - 01:06 #1
<div align="center">
iframe
</div>
Avatar billede lise12 Nybegynder
20. juli 2002 - 01:13 #2
Det kan også gøres med span, hvis du ikke vil lave en division:
<span align="center">
<iframe attributter>
</span>
20. juli 2002 - 01:19 #3
Lise12 ikke helt rigtigt.
Span bliver vist som inline, modsat div som blier vist som et block.
Desuden er jeg næsten sikker på at align="center" på et span tag ikke er valid - og det afgørene, det virker ikke i IE 6.0

Skulle det laves med et span burde det se sådan her ud:
<span style="width: 100%; display: block; text-align: center;">
ex.
</span>

og hvor ikke bare lave det med et div tag så?

/Casper www.enter-s.dk
Avatar billede esoulman Nybegynder
20. juli 2002 - 01:19 #4
hov, mit var et svar oz :)
20. juli 2002 - 01:22 #5
og hvorfor ikke bare lave det med et div tag så?
skulle der stå :)
Avatar billede callesen Praktikant
20. juli 2002 - 09:06 #6
Forslag:
<BODY STYLE="margin:50px 0px; padding:0px;text-align:center;">
<div STYLE="width:530px;height:230px;margin:0px auto;text-align:left;padding:15px;border:1px dashed #333333;background-color:#eeeeee;">
<IFRAME STYLE="height:200px;width:500px;" frameBorder=1  name=1 src="iframeindhold.html"></IFRAME>
</DIV>
</BODY>
Avatar billede kwanstudios Nybegynder
20. juli 2002 - 10:30 #7
Okay, det fik jeg formuleret forkert; jeg vil både have centrereret det vertikalt og horizontalt.
Avatar billede callesen Praktikant
20. juli 2002 - 10:47 #8
Hvis du indstiller målene er dette det mest enkle - som jeg kender:
<BODY>
<table STYLE="height:100%; width:100%;text-align:center; table-layout:fixed;" valign="middle">
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;"></TD>
</TR>
<tr>
<td STYLE="height:300px;">
    <TABLE style="text-align:center; height:300px; width:80%; position:relative;" CLASS="maintable" valign="middle" BORDER="0">
    <TR>
    <TD WIDTH="50%" STYLE="height:50%;border:1px solid #ff0;"><div STYLE="width:530px;height:230px;margin:0px auto;text-align:left;padding:15px;border:1px dashed #333333;background-color:#eeeeee;">
<IFRAME STYLE="height:200px;width:500px;" frameBorder=1  name=1 src="iframeindhold.html"></IFRAME>
</DIV>
</TD>
    </TABLE>
</td>
</tr>
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;"></TD>
</TR>
</table>
</BODY>
20. juli 2002 - 11:48 #9
Hvad med:

<table style="height: 100%; width: 100%;" valign="middle">
<tr>
<td>
<div align="center">
Din iframe
</div>
</td>
</tr>
</table>

?

/Casper www.enter-s.dk
Avatar billede esoulman Nybegynder
20. juli 2002 - 11:53 #10
Hvad med at sætte <div>'en uden for table?

<div align="center">
<table style="height: 100%; width: 100%;" valign="middle">
<tr>
<td>
Blah det her er centreret :)
</td>
</tr>
</table>
</div>
20. juli 2002 - 12:12 #11
For så bliver det ikke centret :)

<table style="height: 100%; width: 100%;" valign="middle">
<tr>
<td align="center">
Blah det her er centreret :)
</td>
</tr>
</table>

/Casper www.enter-s.dk
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