Avatar billede hojben Novice
14. august 2006 - 20:45 Der er 23 kommentarer og
1 løsning

IFrame der driller

http://www.darkvejita.dk/ er jeg ved at lave min papsøns hjemmeside om DragonBall og hans tegninger.

Jeg har lavet en iframe så links åbner i denne.

Framen ser sådan ud:
<iframe name="dragonball" frameborder="0" src="main.asp" width="595" height="310" scrolling="auto"></iframe>

Siden der åbnes når man trykker på "Animationer" i menuen ser sådan ud:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<!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>Animationer</title>
<style type="text/css">
<!--
body,td,th {
    color: #FFFFFF;
}
body {
    background-color: #000000;
}
a:hover {
    color: #FF0000;
}
-->
</style></head>

<body>
<table width="95%" border="0">
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/777.gif" width="256" height="224" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/animation.gif" width="500" height="138" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/dd.gif" width="122" height="242" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/goku_fort2.gif" width="136" height="204" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/kaddishball_link2.gif" width="50" height="50" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/ssjradditz.gif" width="158" height="172" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/ssjvegeta.gif" width="256" height="224" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><img src="gfx/animated/vggbuu.gif" width="47" height="101" /></td>
  </tr>
</table>
</body>
</html>

Hvor er fejlen?
Avatar billede mcgoat Nybegynder
14. august 2006 - 20:50 #1
fejl? hvad mener du? hvad er der galt? hehe
Avatar billede hojben Novice
14. august 2006 - 20:53 #2
Nåååja LOL skal jo nok lige beskrive fejlen...

Der kommer scrollbars på siden.. det burde der ikke gøre..
Avatar billede mclemens Nybegynder
14. august 2006 - 20:54 #3
(kommer kun i IE)
Avatar billede mcgoat Nybegynder
14. august 2006 - 20:56 #4
jamen. der skal vel også være scrollbars? ellers kan man jo ikke komme ned og se alle billederne?
Avatar billede hojben Novice
14. august 2006 - 20:56 #5
Mjaae men det er også der jeg ser den ;) men kan I se nogen fejl i koden?
Avatar billede hojben Novice
14. august 2006 - 20:57 #6
Ville kun have haft den højre scroll ikke bund scrollen
Avatar billede mcgoat Nybegynder
14. august 2006 - 20:57 #7
nåhr. du mener den vandrette scrollbar :)
Avatar billede hojben Novice
14. august 2006 - 20:58 #8
ja
Avatar billede mcgoat Nybegynder
14. august 2006 - 21:00 #9
hvad hvis du prøver at sætte table width til 500 istedet for at bruge %?
Avatar billede hojben Novice
14. august 2006 - 21:03 #10
samme problem
Avatar billede jokkejensen Novice
14. august 2006 - 21:28 #11
ellers æder IE

overflow-x: hidden;
overflow-y: hidden;

Men prøv at sige :

body
{
width: 500px;
}

på den side der er inde i din frame..


/JJ
Avatar billede mclemens Nybegynder
14. august 2006 - 21:31 #12
body{width: 500px;}
... Den hjælper, men jeg grubler stadig over hvorfor IE laver bodyen i samme
width som vinduet inklusiv scrolleren der kører på det vertikale plan ...
Avatar billede mclemens Nybegynder
14. august 2006 - 21:36 #13
^ - Har selvfølgelig set det tidligere ved position absolute layers med overflow værdien på at IE ikke reserverede plads mens Firefox gjorde det ... troede ikke det samme problem lå på iframes ... men det ved jeg så nu :D (bruger ikke selv frames mere)
Avatar billede mclemens Nybegynder
14. august 2006 - 21:38 #14
Ret scrolling="auto" til scrolling="yes" på dit iframe
Avatar billede mclemens Nybegynder
14. august 2006 - 21:40 #15
Og denne css del ind på dine iframe sider for at få overflow til at være "auto"
... html{overflow:auto;} ... Arg, hvorfor er IE buggy ???
Avatar billede jokkejensen Novice
14. august 2006 - 21:53 #16
ja width:100% på body er kun muligt hvis du fjerner scrollbaren med overflow-x eller y kan sku aldrig huske det :)


(eller kører quirksmode)
Avatar billede mclemens Nybegynder
14. august 2006 - 22:02 #17
x'eren ... og så virker en width:100%; på body fint uden...
(såfremt man husker at fjerne margin og padding)

- Der køres ikke width:100% på hans side, men da IE opfatter
body'en i iframen som et blok element der skal fylde 100% og
den efter dette punkt så tildeler scrollbaren ovenpå selve
vinduet får vi den buggy horisontale scrolling ... men hvorfor
der skal scrolling="yes" på iframe tagget og en overflow:auto;
inde i selve filen man viser i iframen er nok noget ms ved ...
hmm, næh - tror egentlig heller ikke de ved hvorfor den gør det
- det er sikkert noget de har gjort med vilje vil de sige :P ...
... Kommer lige med et eksempel på det absolute jeg snakkede om ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.selecters{border:0px;}
</style>

<script type="text/javascript">

</script>

</head><body>
<select size="1" name="D1">
  <option>TYest</option>
</select>
</body></html>
Avatar billede mclemens Nybegynder
14. august 2006 - 22:03 #18
Arg forkert dokument til den width:100% på bodyen :D

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;width:100%;}
body{background:#f00;margin-bottom:10px;}
</style>

</head><body>
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>v
</body></html>
Avatar billede mclemens Nybegynder
14. august 2006 - 22:16 #19
Hmmm, nu kan jeg ikke helt huske hvorfor jeg havde problemer med det tidligere men der var også floats m.v. indvolveret - og havde siddet og rodet med at sige 79% width -22px og noget i den stil ... det jeg mente med width:100% var det her:
(men har lige set at man blot kan fjerne width:100%, ved ikke lige hvorfor jeg ikke fik det til at virke derinde -> http://www.eksperten.dk/spm/717496 - men det var nok i forbindelse med de floats... Måske skulle jeg lige have haft en enkelt wrapper div uden width eller andre defineringer sat ind og så floats inden i den div igen...)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

#test{position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-100px;width:200px;height:200px;background:#ccc;overflow:auto;}
</style>

</head><body>
<div id="test"><div style="background:#888;width:100%;">Bemærk dette er en div med margin-right:30px; ... Men IE reserverer ikke pladsen det gør FF - for at den ikke flyder ind bag scrollbaren er der sat right margin på af hensyn til IE ... Prøv at fjerne den ... Der skal derfor en IE specifikt style definering til hvis man skal have dette til at virke ordentligt i både IE og FF samtidigt...</div></div>
</body></html>



Undskyld offtopic i dit spørgsmål hojben...
Avatar billede hojben Novice
14. august 2006 - 22:38 #20
Accepterere Jokkes svar:
Begrundelse: Indsatte nedenstående kode i den indlæste side, hvorefter det virkede.

body
{
width: 500px;
}

Takker for deltagelsen :)
Avatar billede jokkejensen Novice
15. august 2006 - 21:01 #21
mclemens >> det er vist IE's dejlige boxmodel du omtaler der, den løber alle ind i før eller siden :)

Jeg vil gerne dele de points ?

Hoejben >> takker.. jeg brugte en toolbar fra MS der frit kan hentes her :
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

Fremgangsmåden når den er installeret til at finde sådanne fejl er bare at trykke "view dom" i toppen -> herefter trykker jeg "Find" -> "select elements by click" nede i den der kommer i bunden af browseren ..

Så når jeg kører musen over de forskellige elementer bliver de "highlightet", der kunne jeg inde i din iframe se at din <body> stak ud over iframen...

ret let hvis du fremover skulle have nogle problemer
Avatar billede mclemens Nybegynder
15. august 2006 - 21:33 #22
[ Jeg vil gerne dele de points ? ]
Nah, det er ok - jeg klarer mig :)
jeg "gaflede" jo også 15 point
fra dig forleden dag :o)
Avatar billede hojben Novice
15. august 2006 - 21:40 #23
cool tak jokke.. det skal nok blive brugbart..
Avatar billede jokkejensen Novice
15. august 2006 - 21:48 #24
mc>> nå ja :) -> så er vi kvit :)

hojben >> ja jeg bruger den altid når jeg arbejder med markup.. der findes også en til firefox, men den er ikke så coooool http://chrispederick.com/work/webdeveloper/
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