Avatar billede laksen Nybegynder
09. maj 2003 - 14:14 Der er 6 kommentarer og
1 løsning

Scroll bar i iframe

Jeg har kigget lidt i nogle tidligere spørgsmål her på eksperten men ikke fundet svar...

Når en tekst er for lang til at være i mit iframe, bliver der indsat både en scroll bar i siden og i bunden. Det er bare smadder irriterende, at den i bunden også er der, da man så lige præcis ikke kan læse det, der står yderst til højre i iframet uden at skulle scrolle.

Findes der en løsning på dette problem, så teksten tilpasses siden uden en scroll bar i bunden?

Ekstra spørgsmål: Kan alle browsere forstå iframes eller er det bedre at finde en helt anden løsning?
Avatar billede roenving Novice
09. maj 2003 - 14:19 #1
IE5+/Windows tillader:

overflowX: hidden

hvilket skulle fjerne scrollbaren i bunden, men også fjerner det som er udover siden.

overflowY gør det tilsvarende

hth
jes
Avatar billede laksen Nybegynder
09. maj 2003 - 14:23 #2
Jeg bad om en løsning, hvor "teksten tilpasses siden", så desværre...
Avatar billede roenving Novice
09. maj 2003 - 14:23 #3
Ikke alle browsere forstår iframes, men da det er en del af html 4-standarden kan du med sikkerhed forvente, at _alle_ nyere browsere har den med.

Jeg er usikker på om Netscape 4 har den, da den havde sin helt egen Layer-struktur, men IE 4+, NN6+, Opera m.fl. dur den i.
Avatar billede c Nybegynder
09. maj 2003 - 14:23 #4
Ikke alle browsere kan forstå iframes.
Jeg mener at du skal over IE5.0 før IE forstår iframes.

Prøv med følgende:
<HTML>
<BODY>
<style>
#divScroller1 {position:static; overflow:auto; width:600px; height:268; clip:rect(0, 400, 268, 0); scroll: no; background: url(images/logo.gif) no-repeat center top; background-attachment: scroll;}
.divScroller1 {background: url(images/logo.gif) no-repeat center top; background-attachment: scroll;}
.dynPage {background: url(images/logo.gif) no-repeat center top; background-attachment: scroll; width: 100%;}
@load(style.css)
</style>

</head>

<body topmargin="0" leftmargin="0" scroll="no">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="445">
  <tr>
    <td valign="middle" align="center" height="445">


  <table border="0" cellpadding="0" cellspacing="0" width="80%" height="490">
    <tr>
      <td width="100%" height="64" valign="top">

          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td width="50%" nowrap>

          </tr>
          </table>
     
      </td>
    </tr>
    <tr>
      <td width="100%" height="100%" align="center" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="60%" height="114">
                    <tr>
            <td width="60%" align="center" height="10">   


                      <a href="velkommen.htm"> Forside </a> |
                      <a href="link1.htm"> Link1 </a> |
<BR>
                        </td>
                    </tr>
                    <tr>
              <td width="60%" height="1">
                  <img src="images/bue_op.gif" id="op" name="imgUpArrow" border="0" width="625" height="57">
                    </td>
                  </tr>
                  <tr>
                    <td width="100%" height="200">

<div name="divScroller2" id="divScroller1">

<div id="dynPage1" class="dynPage" >

      <center>

      <table border="0" cellpadding="0" cellspacing="0" width="98%">
        <tr>
          <td width="98%">
            <p align="Left"><font face="Arial" size="2"><i><b>Overskrift<BR><BR></b></i></font></td>
        </tr>
        <tr>
          <td width="98%"><font face="Arial" size="2">
meget lang tekst som er alt for lang til at det kan vises her bla. bla. bla.<BR>
<BR>
</font></td>
        </tr>
      </table>
      </center>

</div>
</div>

                    </td>
                  </tr>
                  <tr>
                    <td width="60%" align="justify" valign="bottom" height="57">
                  <img src="images/bue_ned.gif" id="ned" name="imgDownArrow" border="0" height="57">
                    </td>
                    </tr>
                    <!---
                    <tr>
<td width="60%" align="center" height="21">   

                      <a href="velkommen.htm"> Forside </a> |
                      <a href="link1.htm"> link 1 |
<BR><BR>
                        </td>
                    </tr>                   
                    ---->
                  </table>

              </td>
            </tr>
          </table>
 
  </td>
</tr>
</table>

jeg har hygget det fra noget jeg før har lavet...

håber det kan hjælpe...

mvh
Christian
Avatar billede laksen Nybegynder
09. maj 2003 - 14:26 #5
c>> Prøver lige at lege lidt med det. Vender tilbage senere...
Avatar billede snolle Nybegynder
12. maj 2003 - 10:17 #6
Kan du ikke bare sætte en tabel ind på den side som du åbner med iframen og så sæt den tabel til 100% eller 99% og prop indholdet derind i, på den måde vil den ikke komme ud over siden og kun gå ned af...
Avatar billede laksen Nybegynder
16. maj 2003 - 12:51 #7
c>> Jeg fandt selv en anden løsning på problemet inspireret af dit svar.
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