Avatar billede marx Nybegynder
25. januar 2004 - 15:09 Der er 12 kommentarer og
1 løsning

hjælp til Iframe!

Har lavet et eksempel med Iframe, men vil gerne have det til at ligge på midten af siden, med align="middle", men den gider ik!

visuelt eksempel:
http://www.marxworld.dk/frameset/index.htm

som det ser ud nu, er der brugt align="center"
Avatar billede doggy82 Praktikant
25. januar 2004 - 15:13 #1
Du skal bruge "vertical alignment" dvs.

valign="middle"
Avatar billede thorus Nybegynder
25. januar 2004 - 15:13 #2
Lav en tabel som er 100% gange 100% og læg så din siside ind i den:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>100 * 100</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>DIN KODE</td>
  </tr>
</table>
</body>
</html>
Avatar billede cpccorp Juniormester
25. januar 2004 - 15:13 #3
Indsæt den i en table hvor du så middle-stiller cellen
Avatar billede marx Nybegynder
25. januar 2004 - 15:18 #4
Sådan ser det ud:
(har margin definitionerne i css-doku'et)

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<iframe src="default.htm" width="700px" height="430px" frameborder="0" valign="middle"
frameborder="no" style="border-style:solid; border-width:1px; border-color:#000000;" name="iframe">
</iframe>
</td>
</tr>
</table>
</body>
Avatar billede marx Nybegynder
25. januar 2004 - 15:18 #5
doggy, valign hjalp heller ik, havde prøvet det :-(
Avatar billede marx Nybegynder
25. januar 2004 - 15:20 #6
td ser sådan ud nu, stadig ik godt nok:
<td valign="middle">
Avatar billede mjl Nybegynder
25. januar 2004 - 15:21 #7
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr align="center">
<td>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<iframe src="default.htm" width="700px" height="430px" frameborder="0" valign="middle"
frameborder="no" style="border-style:solid; border-width:1px; border-color:#000000;" name="iframe">
</iframe>
</td>
</tr>
</table>


</td></tr></table>
Avatar billede mjl Nybegynder
25. januar 2004 - 15:21 #8
Prøv det...!

hilsen Conrad
Avatar billede thorus Nybegynder
25. januar 2004 - 15:22 #9
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td align="center" valign="middle"> <iframe src="default.htm" width="700px" height="430px" frameborder="0" valign="middle"
frameborder="no" style="border-style:solid; border-width:1px; border-color:#000000;" name="iframe"> </iframe>
    </td>
</tr>
</table>
</body>
Avatar billede roenving Novice
25. januar 2004 - 15:22 #10
-- og bortset fra, at der ikke eksisterer en height-attribut på table-tags er det, thorus viser en rigtig tanke, der skal bare lige noget mere med:

html,body{height:100%;width:100%;margin:0px;padding:0px;}
#container{
  height:100%;
  width:100%;
  vertical-align:middle;
}
Avatar billede marx Nybegynder
25. januar 2004 - 15:27 #11
Den kode Thorus smed på bordet, virker! Roenving, ville det være klogt lige at tage din kode med? I så fald, så ska du lige oversætte #container for mig!

mjl, den du gav mig, virkede ik.
Avatar billede roenving Novice
25. januar 2004 - 15:43 #12
<table id="container" border="0" cellpadding="0" cellspacing="0">
Avatar billede marx Nybegynder
25. januar 2004 - 15:44 #13
ok, tak!
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