Archief - xHTML: iFrame 100% height

Ik zit met een klein probleem :

ik heb een tabel gemaakt met 4 tr's

1e tr : header fixed height
2e tr : menu fixed height
3e tr : iframe height = 100%
4e tr : footer fixed height


dit allemaal zit in een tabel met height = 100%
(ook al geprobeerd om dit gewoon weg te laten)


maat blijkbaar pas het iframe zich niet aan


iframe moet zich aanpassen
afhankelijk van de lengte (content) van de html die erin geladen wordt


a href = "link.html" blablabla target ="iframe" ....



als de link.html bijvoorbeeld 100px hoog is, en de contact.html 340px hoog is
=> you get the idea



iemand?
ik heb mij ooit laten wijsmaken dat html het systeem niet aankan van
tabel met 100% met DAARIN tabelcel / iframe met 100% ofzo
maar not sure ...

Gewoon includes gebruiken ipv iframe.
Iframe 100% geeft gewoon 600 hoog in een resolutie van 800X600.

kvind dat velen hier maar komen aanslingeren met "include dit en dat" terwijl het helemaal niet gezegd is of die persoon wel over een serverside language beschikt...

ontopic: kzou in de richting van een JS script denken dat bij onload van de page het iframe aanpast...

Lashknife zei:

kvind dat velen hier maar komen aanslingeren met "include dit en dat" terwijl het helemaal niet gezegd is of die persoon wel over een serverside language beschikt...

ontopic: kzou in de richting van een JS script denken dat bij onload van de page het iframe aanpast...

Klik om te vergroten...

Javascript hebde 3 problemen mee.
Oude browsers problemen, verschillende versies van netscape ie en dom al begint dat laatste toch minder te zijn.

En als ik javascript disable kan ik site niet meer goed zien terwijl een server side script geen last heeft van client settings.

als ge geen include hebt, heb je evengoe een probleem, dus kzie er de point niet van in om dit een "probleem" te noemen...

ouderwetse browsers... gl om voor de een of andere site van "tegenwoordig" nog compatibiliteit te verwachten met oudere browsers. Wat er dan gebeurt is een simpele detection (js uit? pech gehad) en forwarding naar een speciale backwards compatible version ofzo. Niet een of andere conversie naargelang de browser.

ik heb zelf ook al vaak problemen gehad met iframes vroeger, en ben dan daarmee gestopt aangezien ik het aanbod kreeg voor "unlimited" hosting (80 gig ofzo) met php ondersteuning, en ben toen includes beginnen gebruiken.
maar aangezien u dit allemaal geen zier helpt:
een idee: al eens geprobeerd om met CSS de height van u iframe in te stellen? ma dan ipv 100%, auto? kweet absoluut nie of het zou helpen, tis maar een gedacht...

SveltestSword zei:

maar aangezien u dit allemaal geen zier helpt:
een idee: al eens geprobeerd om met CSS de height van u iframe in te stellen? ma dan ipv 100%, auto? kweet absoluut nie of het zou helpen, tis maar een gedacht...

Klik om te vergroten...

lukt niet ad:

RpR zei:

Gewoon includes gebruiken ipv iframe.
Iframe 100% geeft gewoon 600 hoog in een resolutie van 800X600.

Klik om te vergroten...

Dit is zeker niet waar, als je u td een bepaalde height geeft dan neemt u iframe bij 100% height de hoogte aan van u td en niet u hoogte van u resolutie

edit: nu u probleem ligt anders en is via een omweg wel om te lossen. Je zult de hoogte van u bestand moeten opvragen en dan tel je deze met bijvoorbeeld 20px op zodat je zeker geen scrollbars hebt. deze height geef je dan aan u <td> waar u iframe in staat, u iframe zelf geen je height 100%. Ik heb het zo eens gemaakt maar deze manier is zeker niet aan te raden, hier dient het iframe namelijk niet voor maar het is wel een oplossing als je een "include" effect wilt verkrijgen.

Akkoord rvl ik had het op een gewoon iframe in de body.

En dat is zever van als de persoon geen include heeft.
Includes zijn server side. Dus eenmaal als je server dat ondersteund dan kan IEDEREEN dit zien zoals het bedoeld is.

Terwijl bij javascript elke bezoeker javascript moet ondersteunen.

iframe mss vervangen door een div met een overflow
en zo dan je bestand includen via php

als je server dit ondersteunt...

Wij hebben in school ook een oefening gehad waar het de bedoeling was om een table de hoogte te geven van het browser venster. Wij moesten hiervoor een kolom in de tabel bij zetten. Deze had breedte 0 en hierin stond een jpg van een pixel. In een script dat geladen werdt bij het opstarten van de site wordt de hoogte van die pixel dan gezet op de hoogte van het browser scherm. Dit was da script .

<script language="javascript">
<!--
function vergroot() {

windowWidth = 0; windowHeight = 0;
if(typeof(window.innerWidth) == 'number') {
windowWidth = window.innerWidth;
windowHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.ClientWidth || document.documentElement.clientHeight)) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body && ( document.body.clientWidth || document.body.clientHeight)) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

document.getElementById("afbeelding").height = (windowHeight);

}
window.onresize=vergroot;
window.onload=vergroot;
-->
</script>

Ik zit me hetzelfde probleem, ma dan me div's, en alleen in IE...
Al vele sites afgezocht ma nog geen 100% werkende manier gevonde ad:
Want soms werkt het dan in IE en is't in FF naar de zak