Avatar billede daniel24 Nybegynder
20. oktober 2008 - 21:40 Der er 8 kommentarer

Fjerne scroll fra website med Iframe

Hej

Jeg har lavet en hjemmeside i HTML, som består af en Iframe. Problemet er at der er scroll på siden, der hvor der ikke er Iframe. Jeg har prøvet alle mulige forskellige scripts men der er stadig vertikal scroll.

Nedenfor er scriptet er der en der kan fortælle mig hvor jeg skal placere koden og hvordan den skal se ud.

Det er kun i Internet Explorer man kan se scrollen, på mac er der ingen problemer

koden ser således ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<style type="text/css">body{overflow-y:hidden}</style>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
body {
    background-color: #CC66FF;
    background-image: url();
}
-->
</style>
</head>

<body>
<div align="center"><br /> 
  <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="267" rowspan="2" background="hjerte_tekst_lilla_test copy.gif" bgcolor="#C0C0C0">
        <div align="justify"><br />
            <br />
          <br />
        <br />
          <br />
          <br />
          <br />
      </div>
      <p>&nbsp;</p></td>
      <td height="84" background="bangortmann copy.gif"><div align="center"><br />
          <br />
          <br />
          <br />
      </div></td>
    </tr>
   
    <tr>
      <td width="757"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="731" height="75" align="middle">
          <param name="movie" value="VIRK.swf" />
          <param name="quality" value="high" />
          <embed src="VIRK.swf" width="731" height="75" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
      </object></td>
    </tr>
  </table>
</div>
<table width="1035" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1018" valign="top" background="baggrund_ny_test_blank.gif"><table width="997" border="0">
      <tr>
        <td width="184" align="right" valign="top"><div align="left"></div>
          <div align="right"><br />
            <br />
            <img src="info_undermenu.gif" width="150" height="332" border="0" usemap="#Map" /></div></td>
        <td width="803" valign="top"><div align="center">
          <p><br /> 
            <iframe src="iframefaq.html" width="720
             


" height="350
"></iframe>
            <br />
            <br />
              <br />
              <br />
              <br />
            </p>
        </div></td>
      </tr>
    </table>
      <br />
      <br />
      <br />
      <br />
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <p align="left">&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><br />
    </p>
    <p><br />
      <br />
      <br />
    </p></td>
  </tr>
  <tr>
    <td><p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>

<map name="Map" id="Map">
  <area shape="rect" coords="-13,14,68,43" href="info.html" />
  <area shape="rect" coords="-9,86,93,117" href="findvej.html" />
<area shape="rect" coords="-3,155,124,186" href="http://www.bryllup.dk/index.php?option=com_news_portal&amp;task=section&amp;id=7&amp;Itemid=92" target="_new" />
<area shape="rect" coords="2,228,112,252" href="dresscode.html" />
<area shape="rect" coords="2,297,132,325" href="faq.html" />
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="19,144,21,145" href="#" /></map></body>
</html>


Tak for hjælpen

Daniel
Avatar billede zips Juniormester
21. oktober 2008 - 01:45 #1
Dit svar findes her http://www.eksperten.dk/spm/816351 hvor ole bole har svaret :)
Avatar billede daniel24 Nybegynder
21. oktober 2008 - 20:11 #2
Jeg tror ikke Ole Boles svar er det som jeg har brug for. På Iframen må der godt være scroll det er på den yderste frame der ikke må være scroll :-)
Avatar billede zips Juniormester
21. oktober 2008 - 20:37 #3
Har du prøvet det ole skrive :)

Så længe du forsøger at få en siden ind i din iframe som er større end 720 x 350 vil der komme scroll på siden, alt under giver ikke scroll, så hvis du ikke vil have scroll på den side du vil have din iframe ind på, skal du bruge ole's måde at gøre det på.
Avatar billede olebole Juniormester
21. oktober 2008 - 21:22 #4
<ole>

I dit stylesheet skriver du:

html {
    overflow: hidden;
}

/mvh
</bole>
Avatar billede olebole Juniormester
21. oktober 2008 - 21:24 #5
- men du bør absolut undgå alle dine på hinanden følgende br-elementer og p-elementer med et '&nbsp;' i. Det er en rigtig skidt måde at skabe 'luft' på. Brug margin i stedet
Avatar billede daniel24 Nybegynder
21. oktober 2008 - 21:39 #6
hmm kan ikke få det til at funke, kan du vise hvor i scriptet ovenfor jeg skal sætte koden ind for at det funker?, tak!
Avatar billede w13 Novice
21. oktober 2008 - 21:42 #7
Olebole>> Skal overflow:hidden; ikke også på body-elementet?
Avatar billede w13 Novice
21. oktober 2008 - 21:43 #8
Daniel24>> Og ja, som Ole siger, så er dette ikke så holdbart:

      <br />
      <br />
      <br />
      <br />
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <p align="left">&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

:)

Læg i stedet en margin-bottom:400px; på din IFrame. Så kan du altid rette "400px" til!
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