Avatar billede sijmonj Nybegynder
24. maj 2007 - 15:47 Der er 11 kommentarer og
1 løsning

Min iframe virker ik optimalt i Internet Explore.. Hvorfor?

Jah som overskiften siger så kan jeg ikke få min iframe til 100% i internet explore .. men i Firefox der virker den fint.. det som iframen gør i internet explore det er at den går ud over designet.. helt nede i bunden.. som sagt gør den det ikke i Firefox

min index.html
-----------------
<!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>Ungnews.eu | De nyeste nyheder for unge</title>
<link href="css/css.css" rel="stylesheet" type="text/css" media="screen" />
<script language="JavaScript">
<!--
function maxstorelse_iframe()
{

    var height=window.innerWidth;
    if (document.body.clientHeight)
    {
        height=document.body.clientHeight;
    }
    document.getElementById("stor").style.height=parseInt(height-
    document.getElementById("stor").offsetTop-8)+"px";
}

window.onresize=maxstorelse_iframe;
//-->
</script>
</head>

<body>
<div class="ramme">

  <div id="top"></div>
 
    <div class="contenleft">

        <div class="venstremenu">

            <div id="menuimage">Generelt</div>
            Forside<br />
            Forum<br />
            Spil / Film<br />

            Anmeldser<br />

            IT 
        </div><br />

<br />
      <div class="venstremenu">
            <div id="menuimage">News Kategorier</div>
            Musik / Film<br />
            I Byen<br />

            IT / Teknologi<br />
            Sport<br />

            Sundhed<br />
            Andet<br />

      </div>
    </div>

    <div id="middle">
    <iframe id="stor" src="http://www.ungnews.eu" name="iframe" frameborder="1" width="545" onload="maxstorelse_iframe()">&nbsp;</iframe>

    </div>


    <div class="contenright">
        <div class="højremenu">
          <div id="menuimage">Login</div>

          LOGIN HER!!!!
        </div>
    </div><br />
<br /><br />
<br />

<div class="contenright">
        <div id="menuimage">Annonce</div>
        ANNONCE
  </div>
</div>
</div>

</body>
</html>
--------------------

min css.css
------------
/* CopyRight 07/08 Ungnews.eu - Designed by Simon Jensen And Jacob Veile */

html, body {
      margin:0px;
      padding:0px;
      height:100%;
      display: block;
  }
body {
    background-image:url('../images/background.jpg');
    font-family:Verdana;
    font-size:11px;
}

.ramme {
    margin-right:auto;
    margin-top:0px;
    margin-left:auto;
    margin-bottom:0px;
    width:800px;
    background-color:#FFF;
    height:100%;
    display: block;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #5d5d5d;
    border-left-color: #5d5d5d;
 
}

#top {
    width:543px;
    height:160px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/ungnews_lyn.PNG);
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #23627f;
    border-bottom-color: #23627f;
    border-left-color: #23627f;
}

.contenleft {
    width:96px;
    height:auto;
    float:left;
    margin-left:5px;
}

.contenright {
    width:96px;
    height:auto;
    margin-right:5px;
    padding:0;
    float:right;
    border:1px solid #23627f;
}

.venstremenu {
    font-family:Tahoma;
    font-size:11px;
    color:#000;
    border:1px solid #23627f;
    width: 96px;

}

.højremenu {
    font-family:Tahoma;
    font-size:11px;
    color:#000;
    width: 96px;
}

#menuimage {
    background-image:url('../images/menu_image.jpg');
    background-repeat:no-repeat;
    font-family:Impact;
    font-size:13px;
    color:#FFF;
    text-decoration:none;
    width: 96px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #23627F;
}

#middle {
    float:left;
    width:545px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    padding: 0px;
}
---------------------

Er ny her så ved ik om der er sån en knap til at indsætte kode eller om man overhovedet må indsætte sin kode her :) undskyld vi jeg har gjort noget forkert
Avatar billede sijmonj Nybegynder
25. maj 2007 - 21:28 #1
Er der SLET ingen som gider svare ?
Avatar billede w13 Novice
26. maj 2007 - 09:37 #2
Hvor meget går den ca. ud af designet? Har du et link?
Avatar billede sijmonj Nybegynder
26. maj 2007 - 15:21 #3
www.ungnews.eu/ny

prøv at kigge med internet explore og så bagefter med firefox
Avatar billede w13 Novice
26. maj 2007 - 17:58 #4
Prøv at smide en border på iframen og så se den i firefox. Ser det ikke ud til, den er alt for lille? Og tilsyneladende har den samme størrelse, når du sletter alt indhold i funktionen "max_stoerrelse". Så det virker som om, at IE gør den alt for stor, og FireFox kan slet ikke finde ud af at gøre noget..
Avatar billede sijmonj Nybegynder
26. maj 2007 - 18:30 #5
Hmm jah, har du nogen idé til hvordan jeg kan gøre så det virker i begge browsere ?
Avatar billede w13 Novice
26. maj 2007 - 18:52 #6
Sry, jeg er lidt lost. Tilsyneladende gider FF ikke offsetTop her. Og i IE regner den íkke offsetTop fra toppen af siden, men fra det forrige element.. Derfor er offsetTop lig med 13px :S
Avatar billede sijmonj Nybegynder
26. maj 2007 - 19:29 #7
:S øv har du heller ik en anden løsning man kunne lave ?
Avatar billede w13 Novice
26. maj 2007 - 19:41 #8
Nej, jeg undgår som regel Iframes
Avatar billede sijmonj Nybegynder
26. maj 2007 - 20:01 #9
Har du heller ik en anden måde man kan gøre uden at bruge iframes ?
Avatar billede w13 Novice
26. maj 2007 - 20:41 #10
Tjaeh, altså jeg inkluderer som regel designet. Og jeg bruger ASP. Så jeg skriver f.eks.:
<!-- #include file="header.htm" -->
Det kan man bare kun gøre, hvis man gør det i en .asp-fil. I header.htm skal første halvdel af designet så ligge. Efter sidens indhold kommer så eksempelvis:
<!-- #include file="footer.htm" -->

Dvs.:
<!-- #include file="header.htm" -->
Hej, dette er produktsiden.<br><br>
blabla!
<!-- #include file="footer.htm" -->
Avatar billede tha_painter Nybegynder
27. maj 2007 - 21:34 #11
jeg ville lave iframes sådan:

<IFRAME name=iframe src="http://www.minside.dk" style="position: absolute; top: 530; left: 13;" width=300 height=200 frameborder=0 ALLOWTRANSPARENCY=true STYLE="filter: chroma(COLOR=#FFFFFF);"></IFRAME>

Men jeg er også ny til det her!
Avatar billede sijmonj Nybegynder
18. oktober 2007 - 19:30 #12
lukket
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