iFrames uberhaupt mogelijk in Netscape

[Verwijderd]

Beste allemaal,

Ik ben bezig met een site die gebruik maakt van iframes, op zich is dit allemaal gelukt en geen probleem, in de Explorers dan. In Netscape (ik gebruik 7) doen deze iframes het niet.

Nu is mijn vraag, is het uberhaupt mogelijk dat ik iets kan doen om die iframes te laten werken in Netscape. Ik vraag het maar even dat ik niet straks dingen ga proberen en het voor niets zal zijn. Had al gekeken in de Search, maar lees dat het waarschijnlijk niet mogelijk is, maar check het toch nog even graag.

Regards!

[WFvN]

Ik kan je sowiezo vertellen dat Iframes WEL werken in Netscape. IE is inderdaad heel wat makkelijker met het slikken van websites met 'vreemde' dingen, maar Iframes zijn mogelijk met netscape.

[Bosmonster]

Iframes in Mozilla (Netscape 6+) werken prima. Post eens de code die je gebruikt?

[Willem]

Als het niet werkt... zoek eens op ilayers
Oudere Netscape versies ondersteunen dit ipv iframes.

[Verwijderd]

In principe heb ik alleen problemen bij de iFrames waar ik de height 'variabel' van heb gemaakt. Bij iFrames waar ik een vaste width en height heb gegeven zet hij ze wel goed in NS.

Deze code heb ik gebruikt:

<iframe scrolling="no" src="/cgi-win/iqshop.xgi?M=LNW" frameborder="no" style="width:191px; overflow: hidden;"></iframe>

En in de desbetreffende htm pagina (degene die ik oproep vanuit het iFrame) zet ik bovenaan de page:

<style type="text/css">
body {
width: 191px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>

[Verwijderd]

Moet ik dan wel een height erin meegeven die aangeeft dat de height zich moet aanpassen aan de hoogte van het kader wanneer dit verschillend kan zijn?

[faabman]

volgens mij kan je dit op twee manier oplossen:
- met javascript een document.write waarin je exact kunt bepalen wat de hoogte van de iframe moet zijn
- een relatieve hoogte opgeven (height:XX%; ) in je style

suc6

[slm]

ga eens logisch na wat je voor eigenschappen meegeeft: "width:191px; overflow: hidden". Geen height én een overflow hidden. Een goede browser geeft hier dus helemaal niets weer. Je zou dus of de height moeten instellen, of de overflow niet meer hidden maken.

[Verwijderd]

De hoogte van het desbetreffende kader kan dus iedere keer weer verschillen dus ik denk dat de tweede optie beter is, want om nou steeds om de dag de height aan te passen lijkt me ook niet alles

[Bosmonster]

Of zoals ikzelf nog wel eens doe vanuit het document in de iframe de hoogte van het iframe aanpassen aan de inhoud.

code:

<script type="text/javascript">
function resizeParent () {
    parent.document.getElementById('linkcat').style.height = 
                     document.body.scrollHeight + 'px';
}
onload = resizeParent;
</script>

(deze werkt alleen onder IE.. maar is vast wel te converteren naar Mozilla )

[ Voor 63% gewijzigd door Bosmonster op 15-10-2003 11:50 ]

[Verwijderd]

slm> overflow dient ervoor dat ik geen scrollbar erin wil hebben en wat ik in mijn vorige post zei, de hoogte kan verschillen aangezien er nieuws berichten in komen en de lengte van teksten bepalen hoe hoog het kader wordt dus vandaar.

[Verwijderd]

Bedankt voor jullie snelle reply's maar laat ik het anders vragen, is het in netscape dan mogelijk een iFrame te maken waarvan de height dus zichezelf automatisch aanpast aan de hoogte van de inhoud van het iFrame. Je kna idd wel een height meegeven maar dit ga ik niet elke keer opnieuw aanpassen als de height weer veranderd van de inhoud van het iFrame, da's geen doen!

[slm]

Heb je de reactie gelezen van Bosmonster? Dat script doet precies wat jij wilt.

[WFvN]

slm schreef op 15 October 2003 @ 12:36:
Heb je de reactie gelezen van Bosmonster? Dat script doet precies wat jij wilt.

Bosmonster schreef op 15 October 2003 @ 11:43:
(deze werkt alleen onder IE.. maar is vast wel te converteren naar Mozilla )

Aanpassen is dus zeker nodig. Ik weet niet hoe het zit met de TS, maar ik heb daar niet genoeg kaas van gegeten helaas....

[jsiegmund]

slm schreef op 15 October 2003 @ 12:36:
Heb je de reactie gelezen van Bosmonster? Dat script doet precies wat jij wilt.

Heb jij die post ook gelezen? Dan staat er dat het alleen in IE werkt!
Ik zou inderdaad even naar Javascriptjes gaan zoeken aangezien die meestal wel aan te passen zijn. De TU Delft had altijd een HTML guide waarvan je bij ieder element precies de verschillende browserversie - ondersteuningen kon zien, google even of misschien staat hier ergens nog een linkje. Vind die altijd erg handig om bij te houden in welke browsers je site zich netjes zal gedragen (mits netjes gecode natuurlijk)

[slm]

script werkt prima in Moz 1.4 hoor

in Netscape 4.7 zou je er een ilayer van moeten maken. Deze gedraagt zich in dit geval precies als de iframe zonder voorafgestelde hoogte in IE.

[Verwijderd]

Ik had dus zelf ook al een script die variable werkt wat betreft de height in IE maar goed ik ga proberen de code van bosmonster te converteren.

Thanx all

[Verwijderd]

jah iframes rulen!
Jammer dat het nog niet echt een standaard is.

[Verwijderd]

Verwijderd schreef op 15 October 2003 @ 15:16:
jah iframes rulen!
Jammer dat het nog niet echt een standaard is.

IFRAMEs zijn gewoon standaard HTML4 hoor:
http://www.w3.org/TR/html4/present/frames.html#edef-IFRAME

[Verwijderd]

wat raar. als ik mijn website valideer dan krijg ik een fout.
En zonder iframe komt ie er goed doorheen.

[Verwijderd]

Ik had de code van bosmonster een beetje veranderd om te kijken of de variable height met deze code zou werken in Netscape 7, maar doet dat ook niet:

Had deze code gebruikt:

<style type="text/css">
body {
width: 191px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>

<script language="javaScript">
function setIFrameHeight()
{
var oIFrame=window.frameElement;
oIFrame.height = document.body['scrollHeight'];
}
</script>
</head>

<body bgcolor="#FFFFFF" onLoad="setIFrameHeight()">

Weten jullie dan wel zeker dat er een iframe bestaat die zich aanpast aan de content van het iframe binnen Netscape (7)?

Nogmaals thanx!

[Semetrix]

<iframe name="_menu" src="menu.htm" frameborder="0" width="140" height="210" scrolling="no">

<iframe name="content" src="home.htm" frameborder="0" width="540" height="100%" scrolling="auto">

Dit werkt op mijn eigen site perfect voor zowel IE als Mozilla. (Ik werk zelf alleen met mozilla en IE als backup).

[slm]

Volgens mij probeer je de code uit te voeren in je master document en niet in het ge-i-framede document. Dat gaat niet werken. Je moet dus in alle html's (of in de scripts die je iframe't) het javascriptje van bosmonster zetten (evt met een test of je wel in een iframe zit).

Als je geen toegang hebt tot de documenten die in de iframe worden gezet (bv met ads van een adserver e.d.) dan heb je waarschijnlijk gewoon pech en zul je toch voor Moz/Netscape 6.x gebruikers een hoogte moeten meegeven (of een min-height).

[Verwijderd]

Mensen, ik heb inmiddels al heel veel zitten klooien maar ik krijg het om 1 of andere reden gewoon niet voor elkaar. Ik zal even de twee sources neerzetten van het iFrame en de desbetreffende page waar de height dus afgestemd moet worden aan de content (let wel, iin IE doet hij het, alleen in NS 7 dus niet):

Source met iFrame:

HTML:

<body bgcolor="#FFFFFF">

<table width="191" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="191" class="txt"><iframe scrolling="no" src="nieuws.htm" frameborder="no" style="width:191px; overflow: hidden;"></iframe>
</td>
</tr>
</table>

</body>

Source met het kader:

HTML:

<style type="text/css">
body {
  width: 191px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
</style>

<script language="javaScript">
function setIFrameHeight()
{
var oIFrame=window.frameElement;
oIFrame.height = document.body['scrollHeight'];
}
</script>


<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" onLoad="setIFrameHeight()">

      <table width="191" border="0" cellspacing="0" cellpadding="0">
        <tr>
         <td colspan="3" height="26" background="../../img/top.gif"></td></tr><tr>
         <td width="6" background="../../img/links.gif"></td>
         <td width="179" class="txt">
         
         <table width="179" border="0" cellpadding="0" cellspacing="0">
           <tr>
            <td valign="top" class="txt" rowspan="3" width="49"><img src="../../img/bericht1.gif"></td><td valign="top" class="txtb" width="131"><a href="" target="mainFrame">04-08-2003</a></td></tr><tr>
            <td valign="top" class="txt" width="131">Bericht 1</td></tr><tr><td><a href="" target="mainFrame">Lees meer</a></td></tr><tr>
                <td background="../../img/stippellijn.gif" colspan="2" height="13"></td></tr><tr>
            <td valign="top" class="txt" rowspan="3" width="49"><img src="../../img/bericht2.gif"></td><td valign="top" class="txtb" width="131"><a href="" target="mainFrame">07-07-2003</a></td></tr><tr>
            <td valign="top" class="txt" width="131">Bericht 2</td></tr><tr><td><a href="" target="mainFrame">Lees meer</a></td></tr><tr>
                <td background="../../img/stippellijn.gif" colspan="2" height="13"></td></tr><tr>
            <td valign="top" class="txt" rowspan="3" width="49"><img src="../../img/bericht3.gif"></td><td valign="top" class="txtb" width="131"><a href="" target="mainFrame">22-05-2003</a></td></tr><tr>
            <td valign="top" class="txt" width="131">Bericht 3</td></tr><tr><td><a href="" target="mainFrame">Lees meer</a></td></tr><tr>
                <td background="../../img/stippellijn.gif" colspan="2" height="13"></td></tr><tr>
            <td valign="top" class="txt" rowspan="3" width="49"><img src="../../img/bericht4.gif"></td><td valign="top" class="txtb" width="131"><a href="" target="mainFrame">04-04-2003</a></td></tr><tr>
            <td valign="top" class="txt" width="131">Bericht 4</td></tr><tr><td><a href="" target="mainFrame">Lees meer</a></td></tr><tr>
                <td background="../../img/stippellijn.gif" colspan="2" height="13"></td></tr><tr>
            <td align="center" colspan="2"><a href="" target="mainFrame">Oude berichten</a></td>                                    
          </tr>
         </table>
         
         </td>
         <td width="6" background="../../img/rechts.gif"></td></tr><tr>
         <td colspan="3" height="7" background="../../img/onder.gif"></td>       
        </tr>
      </table>
         
</body>

Misschien verschaft dit iets meer duidelijkheid hoe ik mij 2 pagina's heb opgebouwd wat betreft het hele iFrame gebeuren. Maar geloof me, ik heb het geprobeerd, in IE doet ie het perfect maar in NS 7 breekt het het kader halverwege gewoon af

---

[ code ] tags toegevoegd

[ Voor 34% gewijzigd door crisp op 16-10-2003 10:22 ]

[Verwijderd]

zet het even tussen [ code=html ] [ /code ] tags maakt het wat duidelijker (zonder de spaties bij de brackets)

[Verwijderd]

iemand???

[crisp]

Verwijderd schreef op 16 oktober 2003 @ 13:52:
iemand???

vriendelijk verzoek je topic niet zo snel te kicken...

uit Algemene gedragsregels (Netiquette) #not-done :

Wat we ook duidelijk niet op prijs stellen:

• Je probleem binnen 24 uur met een 'schopreactie' onder de aandacht brengen.

[Verwijderd]

Verwijderd schreef op 15 oktober 2003 @ 15:26:
wat raar. als ik mijn website valideer dan krijg ik een fout.
En zonder iframe komt ie er goed doorheen.

• De doctype-definitie staat ONDER de HTML tag
• Shorthand tags worden niet afgesloten (a la <meta ... />)
• De doctype geeft XHTML aan, maar er worden allerlei verouderde attributen (marginwidth, marginheight, bgcolor, language) en tags (font) gebruikt.
• De html in de iframe heeft geen doctype

Het lijkt me stug dat ie zonder iframe wél valideert.

[slm]

Bij mij doet het gewoon goed hoor^^

Zowel in:
IE6.0
Moz1.4
NS7.1

Hij doet het niet in:
NN4.7
Opera7.11

Als je de code gebruikt die oorspronkelijk werd voorgesteld door Bosmonster dan zou hij zelfs werken in Opera. Daarnaast zou ik je willen aanraden het script niet met onload te gebruiken of anders met een timeout, of het helemaal onderaan je document zetten net boven de </body> tag.