Archief - HTML/CSS: iframe height werkt niet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

HTrance

Legacy Member
Hey, ik heb onlangs eens zin gehad om m'n site te updaten. Vroeger werkte ik steeds met frames en tables omdat ik op die manier elke pixel kon controleren. Bon, nu kreeg ik het idee om met div te beginnen werken. Ik dacht van eens iets nieuws te proberen met html/css.

Nu ben ik ermee begonnen en maak ik deels gebruik van een iframe om het <div id=content>-gedeelte steeds alleen te laden zonder dat daarbij de rest van de pagina wordt geladen. Nu heb ik nog nooit met iframes gewerkt en zit ik met het probleem dat in firefox het iframe niet over de gehele hoogte staat. Nochtans had ik de height van het iframe ingesteld op 100%. En in IE is het nog absurder, daar komt m'n iframe onderaan de pagina onder de inhoudstafel rechts. Vanwaar dat verschil tussen FF & IE én hoe die hoogte aan te passen :/ zodat de tekst in het iframe wordt weergegeven zonder scrollbars?
ziehier de page: http://users.pandora.be/HTrance/HTrance2/Index.html

*als ik de hoogte instel in pixels dan past hij de hoogte wel aan (bij IE blijft het iframe nog steeds onder de inhoudstafel staan) maar aangezien niet alle pagina's even lang zullen zijn biedt dit dan ook geen echte oplossing.

KoenDK

Legacy Member
gij hebt een fixed height nodig
gecombineerd met overflow tag

denk ik

<div style="border: none; overflow:auto; height:300; width:750; margin: 20px 20px 20px 20px;">

3razor

Legacy Member
het komt er op neer dat als je in je cssfile de content-div, waar je iframe instaat, een height: AUTO geeft dat er dus niets kan doorgegeven worden of niet veel kan verstaan worden onder die 100%-height van je iframe...

Je geeft dus best je content-div een height in je css-file

KoenDK zei:
gij hebt een fixed height nodig
gecombineerd met overflow tag

denk ik

<div style="border: none; overflow:auto; height:300; width:750; margin: 20px 20px 20px 20px;">

jaar mijn weten is het genoeg om 1 keer margin: 20px; te schrijven als je geen verschillend aantal px wil rechts en boven ofzo ???

HTrance

Legacy Member
Ah de max... In IE komt 't weer netjes naast elkaar te staan :). Thx!
*edit laat vraag ivm kleur van scrollbar maar zitten tis allemaal in orde. (khad eerst de vraag gesteld en dan de seach gebruikt :$ )

Merci @ de geleverde bijdragen, kben hypercontent nu :D

HTrance

Legacy Member
Omdat ik scrollbars IE én FF heb, heb ik problemen om alles netjes te laten samenwerken. M'n iframe werkt dus met een scrollbar. In FF is het allemaal geen probleem de scrollbar komt netjes naast de inhoudstafel terecht. Maar bij IE komt er een +/-2px (*edit* 4px dus) tussen die inhoudstafel en m'n scrollbar van het iframe. http://users.pandora.be/HTrance/HTrance2
Is dit op te lossen? Want ik heb hier al vaak opgevangen dat IE 'n moeilijkdoener is op zulke vlakken...

RpR

Legacy Member
Dat komt door de float bug dat ie dus altijd 2 pixels tussen float zet.
Dacht ik...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan