Avatar billede myth Nybegynder
19. november 2003 - 12:08 Der er 2 kommentarer og
1 løsning

iframe resize

jeg er ved at udvikle en side for et vagtfirma og jeg ønsker at siden resizer efter browser vinduets størrelse.

øverst har jeg en tabel med tabeller inden i denne der styrer iframes. Dette er bestemt efter pixel størrelser.

<!-- "hoved"tabel til styring af placering på siden -->

<table width="100%" height="190" border="0" cellspacing="0" cellpadding="0">

<!-- øverste tabeller og tilhørende iframe -->

  <tr>
    <td colspan="3">
    <table width="100%" height="30" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="85%" height="35">
          <iframe src="html/mainmenu.htm" name="menu" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width=100% height=35></iframe></td>
          <td width="15%" height="35" bgcolor="#000000">&nbsp;</td>
        </tr>
      </table>

<!-- tabel til styring af de tabeller der ligger indenfor - samt iframes -->

      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="400" height="130">
          <iframe src="html/left.htm" name="left" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width=400 height=150></iframe></td>
          <td height="130" bgcolor="#000000">&nbsp;</td>
          <td width="300" height="130">
          <iframe src="html/login.htm" name="login" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width=300 height=150></iframe></td>
        </tr>
      </table>

<!-- tabel til kontaktbar -->

      <table width="100%" height="25" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%" height="25" bgcolor="#000000"></td>
        </tr>
      </table>
 
  </tr>
</table>

dette fungerer fint - men det er den tabel jeg har placeret under denne der driller mig.

<!-- tabel der styrer indhold af "brødtekst" --> 
 
      <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td>
          <iframe src="html/main.htm" name="main" scrolling="auto" frameborder="0" marginwidth="0" marginheight="0" width=100% height=100%></iframe>
          </td>
        </tr>
      </table>

ved at give denne 100% i både height og width bliver iframen størrelsen af det samlede browser vindue - men rykker det der ikke kan stå øverst pga. de pixel definerede tabeller/iframes, men viser istedet det resterende UDEN for browser vinduet?!?!

spørgsmålet er hvordan jeg for denne iframe til at stretche alt efter vinduets størrelse uden at den rykker det uden for dette.
Avatar billede myth Nybegynder
19. november 2003 - 12:38 #1
dette er selvfølgelig inden i den stryrende tabel - der også skal resize efter sidens størrelse minus det pixel definerede i toppen
Avatar billede roenving Novice
20. november 2003 - 06:17 #2
-- ikke svært at forstå at du har problemer:

1. Der findes ikke en height-attribut til table-tagget !-)

2. Skal man angive en height (med css-style) vil den tage sin 'målestok' fra det umiddelbart omgivende positionerede element -- her body !-)

-- det vil sige at en tabel i princippet skal fylde et helt browservindue i højden -- fint nok, hvis der ikke er andet på siden !o]

Kun ved javascripting onload kan fange den problematik -- og jeg vil ikke opfatte det som en professionel løsning, brug hellere en fast løsning i størrelse, jeg har selv taget denne indgangsvinkel:

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html
Avatar billede myth Nybegynder
17. december 2003 - 22:37 #3
tak for kommentaren - javascripted iframe it is
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
Kurser inden for grundlæggende programmering

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