iframe probleem - Softwareontwikkeling

maandag 13 juni 2005 20:55

Acties:

Topicstarter

Ik heb een site gemaakt die bestaat uit een tabel van 780px breed die in het midden gecentreerd is. Ik ga gebruik maken van drie iframes. Eentje boven en onder voor de navigatie met een vaste hoogte van 120px en 20px, beide zonder scrollmogelijkheid. Dit werkt, echter:

Daartussen wil ik een iframe dat de rest van het scherm opvult,dit heb ik geprobeert door de height op 100% te zetten maar dit werkt niet. Ik wil tevens gebruik maken van een scrollbar voor als de tekst in het middelste frame langer is dan het scherm kan weergeven. Ik kan het middelste frame alleen vastzetten op een bepaalde hoogte.

------------------------------------
topframe 120 px
------------------------------------

mainframe schermvullend

------------------------------------
bottomframe 20 px
------------------------------------

gebruik maken van gewone frames is geen optie

maandag 13 juni 2005 21:00

Acties:

AxiMaxi

Ik moest het 3x lezen totdat ik het nog niet begreep...

Kan je geen screenshotje online zetten of iets in elkaar fotosjoppen ofzo?

[Hier had mijn handtekening kunnen staan]

maandag 13 juni 2005 21:03

Acties:

Verwijderd

Heigt op *??

edit:
Stom van mij: iFrames

[ Voor 58% gewijzigd door Verwijderd op 13-06-2005 21:04 ]

maandag 13 juni 2005 21:05

Acties:

Verwijderd

gebruik liever divs voor je site en zet in de mainframe overflow: auto; zo heb je hetzelfde effect als een iframe

maandag 13 juni 2005 21:10

Acties:

wine

Topicstarter

Afbeeldingslocatie: http://members.home.nl/daanwijnhoven/voorbeeld.PNG

Zo zou het eruit moeten zien.

maandag 13 juni 2005 21:12

Acties:

Verwijderd

En dan rijst de vraag: waarom gebruik je iframes in plaats van 'gewone' frames?
Je maakt het jezelf echt onnodig moeilijk.

[ Voor 7% gewijzigd door Verwijderd op 13-06-2005 21:12 ]

maandag 13 juni 2005 21:12

Acties:

wine

Topicstarter

Verwijderd schreef op maandag 13 juni 2005 @ 21:05:
gebruik liever divs voor je site en zet in de mainframe overflow: auto; zo heb je hetzelfde effect als een iframe

bedoel je drie divs met daarin de drie iframes?

of kun je in een div ook een pagina laden?

maandag 13 juni 2005 21:14

Acties:

wine

Topicstarter

Verwijderd schreef op maandag 13 juni 2005 @ 21:12:
En dan rijst de vraag: waarom gebruik je iframes in plaats van 'gewone' frames?
Je maakt het jezelf echt onnodig moeilijk.

frames worden niet overal ondersteund en bij het centreren krijg je een probleem als er een scrollbar bijkomt. Hierdoor wordt het mainframe niet netjes in het midden gecentreerd.

maandag 13 juni 2005 21:20

Acties:

Verwijderd

wine schreef op maandag 13 juni 2005 @ 21:14:

frames worden niet overal ondersteund

Noem eens een browser die geen frames ondersteunt, en wèl iframes?

en bij het centreren krijg je een probleem als er een scrollbar bijkomt. Hierdoor wordt het mainframe niet netjes in het midden gecentreerd.

Dat is dan ook helemaal nieuw voor mij. Je wilde zeggen dat jouw voorbeeld netjes gecentreerd is? Het linker grijze gedeelte is veel kleiner dan het rechter grijze gedeelte (met en zonder scrollbars).

maandag 13 juni 2005 21:24

Acties:

wine

Topicstarter

Verwijderd schreef op maandag 13 juni 2005 @ 21:20:
[...]

Noem eens een browser die geen frames ondersteunt, en wèl iframes?

[...]

Dat is dan ook helemaal nieuw voor mij. Je wilde zeggen dat jouw voorbeeld netjes gecentreerd is? Het linker grijze gedeelte is veel kleiner dan het rechter grijze gedeelte (met en zonder scrollbars).

dat komt omdat er bijgesneden is en dat heb ik niet netjes gedaan, probleem wat je bij het centreren krijgt is dat het gedeelte met de scrollbar meer naar rechts staat dan de andere frames. dit komt door de extra breedte van de scrollbar. Dit is op te lossen voor IE maar niet voor FF.

maandag 13 juni 2005 21:28

Acties:

Verwijderd

wine schreef op maandag 13 juni 2005 @ 21:12:
[...]

bedoel je drie divs met daarin de drie iframes?

of kun je in een div ook een pagina laden?

in je div werk je gewoon verder, geen nieuwe pagina (niet opnieuw <html>head....)
en als je inhoud langer/breder is als de grootte van de div verschijnen er balken

dinsdag 14 juni 2005 03:45

Acties:

Verwijderd

omdat ik als script n00b hier ook altijd netjes ben geholpen, en omdat ik eindelijk eens een topic tegen kom die ik kan beantwoorden doe ik een poging

Ten eerste, gebruik gewoon 3 div's. Desnoods kun je in de middelste div een iframe plaatsen mocht je een scrollbalk willen.. Frames zijn echt achterhaald, alles kan nu vanuit 1 dynamische index pagina.

Voorbeeld, je index.php

PHP:

<html>
<head>
<title><link href="style.css" rel="stylesheet" type="text/css" /></title>
</head>
<body> 
<div id="menu"><? include('menu.html'); ?></div> 
<div id="content"><iframe name="main" id="main" 
src="<? $request = @$HTTP_GET_VARS['id'];
if(isset($request)) {
    switch($request) {
    case "1": include("pagina1.html"); break;
    case "2": include("pagina2.html"); break;
    case "3": include("pagina3.html"); break;
    default: include("main.html"); break; } 
} else {include("main.html"); } ?>" frameborder="0" ></iframe> 
</div> 
<div id="footer"><? include('footer.html'); ?></div> 
</body>
</html>

in de css zet je de eigenschappen van de div's, uploaden alles naar je servertje en klaar is kees.

[ Voor 20% gewijzigd door Verwijderd op 14-06-2005 03:45 ]

dinsdag 14 juni 2005 07:01

Acties:

Verwijderd

Zo achterhaald dat ik voor school alsnog frameset pagina's moet inleveren onder het mom 'WebDTP'

[ Voor 10% gewijzigd door Verwijderd op 14-06-2005 07:01 ]

dinsdag 14 juni 2005 07:06

Acties:

Verwijderd

Verwijderd schreef op dinsdag 14 juni 2005 @ 03:45:
Frames zijn echt achterhaald, alles kan nu vanuit 1 dynamische index pagina.

Bla. 'k Zit er rommeltje van te maken. Toch maar slapen denk ik

[ Voor 17% gewijzigd door Verwijderd op 14-06-2005 07:08 ]

dinsdag 14 juni 2005 08:02

Acties:

Tonio

terrible gibberish

Verwijderd schreef op dinsdag 14 juni 2005 @ 03:45:
omdat ik als script n00b hier ook altijd netjes ben geholpen, en omdat ik eindelijk eens een topic tegen kom die ik kan beantwoorden doe ik een poging

Ten eerste, gebruik gewoon 3 div's. Desnoods kun je in de middelste div een iframe plaatsen mocht je een scrollbalk willen.. Frames zijn echt achterhaald, alles kan nu vanuit 1 dynamische index pagina.

Voorbeeld, je index.php
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title><link href="style.css" rel="stylesheet" type="text/css" /></title>
</head>
<body> 
<div id="menu"><? include('menu.html'); ?></div> 
<div id="content"><iframe name="main" id="main" 
src="<? $request = @$HTTP_GET_VARS['id'];
if(isset($request)) {
    switch($request) {
    case "1": include("pagina1.html"); break;
    case "2": include("pagina2.html"); break;
    case "3": include("pagina3.html"); break;
    default: include("main.html"); break; } 
} else {include("main.html"); } ?>" frameborder="0" ></iframe> 
</div> 
<div id="footer"><? include('footer.html'); ?></div> 
</body>
</html>
in de css zet je de eigenschappen van de div's, uploaden alles naar je servertje en klaar is kees.

Die scrolbalk kan je, zoals eerder genoemd, ook creëeren door die middelste div een overflow: auto; te geven

D200|F90x|Leica M6|Yashica T3|Hasselblad 503cx
Nikon: 12-24/4|17-35/2.8|10,5mm/2.8|30mm/1.4|50mm/1.4|85mm/1.8|SB-800|SB-24|SB-26|MC-36
Zeiss: 80mm/2.8 50mm/4 ZM: 35mm/2
When the going gets weird... the weird turn pro

dinsdag 14 juni 2005 14:25

Acties:

Verwijderd

Elite_Dead schreef op dinsdag 14 juni 2005 @ 08:02:
[...]

Die scrolbalk kan je, zoals eerder genoemd, ook creëeren door die middelste div een overflow: auto; te geven

Cool, heb ik ook weer wat geleerd.. dus dan heb je ook geen smerige truuks meer nodig om een bottom waarde mee te geven aan je iframe, alles kan met div's

dinsdag 14 juni 2005 14:40

Acties:

Lenaco

Ik heb zelf helaas al gemerkt dat alles in divjes plaatsen soms 'interesante' resultaten geeft.
Zelf gebruik ik een simpel javascriptje:

JMESPath:

  <script>
    function resizeIFrame()
      {
      if (parseInt(navigator.appVersion)>3)
        {
        if (navigator.appName=="Netscape")
          {
          winH = window.innerHeight;
          }
    if (navigator.appName.indexOf("Microsoft")!=-1)
          {
          winH = document.body.offsetHeight;
      }
    }
      document.all.content.style.height = winH - 134;
    }
  </script>

134 is hier het aantal pixels dat van de gehele hoogte van het effectieve beeld in de browser moet worden afgetrokken, dit is afhankelijk van je andere pagina onderdelen.

J

dinsdag 14 juni 2005 14:47

Acties:

faabman

Lenaco schreef op dinsdag 14 juni 2005 @ 14:40:
Ik heb zelf helaas al gemerkt dat alles in divjes plaatsen soms 'interesante' resultaten geeft.
Zelf gebruik ik een simpel javascriptje:
JMESPath:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  <script>
    function resizeIFrame()
      {
      if (parseInt(navigator.appVersion)>3)
        {
        if (navigator.appName=="Netscape")
          {
          winH = window.innerHeight;
          }
    if (navigator.appName.indexOf("Microsoft")!=-1)
          {
          winH = document.body.offsetHeight;
      }
    }
      document.all.content.style.height = winH - 134;
    }
  </script> 
134 is hier het aantal pixels dat van de gehele hoogte van het effectieve beeld in de browser moet worden afgetrokken, dit is afhankelijk van je andere pagina onderdelen.

J

En daarin zou ik toch even die document.all.content vervangen door document.getElementById('content')

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

Pagina: 1

Reageer