IE, Iframes en Percentuele Hoogtes

[Icey]

Goedendag,

Ik heb een probleem en ik kom er niet meer uit. Ik weet waar het probleem zit, en ik kan het hopelijk ook goed uitleggen maar ik zie niet meer waar ik nou de oplossing zou moeten zoeken.

Ik probeer voor het eerst een website te maken met Percentages. Dat is makkelijk omdat de site dan groter of kleiner word naar gelange nodig. Hieronder een voorbeeld van wat ik probeer, ik hoop dat ik het duidelijk kan maken.



Het probleem zit hem in het iframe. Dat iframe moet dus ook variable meegroeien. Bij een vaste grootte werkt uiteraard alles prima, dat is het probleem niet. Allereerst, in mijn stylesheet staat het volgende om te zorgen dat ik een mooi 'lijstje' krijg waar alles in komt te staan:

code:

.Main {
    position: absolute;
    width : 780px;
    height : 96%;
    margin-left : -390px;
    left : 50%;
    top : 2%;
    border : solid 1px #000000;
}

Nu heb ik een aantal dingen geprobeerd. Simpelweg percentages als "width=100%" kunnen vergeten, dat werkt nooit . Dus ik dacht, ach... we positioneren het netjes met css zoals ik met alles doe:

code:

.iframe {
    position:absolute;
    width:auto;
    height:auto;
    top:150px;
    bottom:50px;
    left:5px;
    right:5px;
    border: 1px #000000 solid;
    overflow:auto;
}

En dat werkt opzich wel als ik in mijn html bestand het volgende opneem:

<div class="iframe"></div>

Ik zie dan in IE en FF een mooi donker randje op de plek waar ik mijn iframe wil hebben. Maar als ik vervolgens de volgende code gebruik om alles in mijn html te krijgen gaat het gedeeltelijk mis:

<iframe class="iframe" src="Content/index.htm" height="100%" width="100%">lalala</iframe>

Dit _WERKT_ onder FireFox prima, zoals ik het wil. Maar in Internet Explorer klopt er weinig van, de iframe zit op de goede plek maar is maar een heel klein vlakje. Het liefst zou ik IE links laten liggen, maar helaas gebruiken teveel mensen het nog



Heeft hier iemand toevallig een goed idee, of een zoekterm welke mij op google in de goede richting kan sturen.

[André]

Waarom maak je niet een frameset met 3 frames boven elkaar:

code:

<frameset cols="*,780,*">
  <frame />
  <frameset rows="150,*,50">
    <frame />
    <frame />
    <frame />
  </frameset>
  <frame />
</frameset>

[ Voor 64% gewijzigd door André op 26-01-2005 16:40 ]

[Icey]

André schreef op woensdag 26 januari 2005 @ 16:38:
Waarom maak je niet een frameset met 3 frames boven elkaar: <frameset rows="150,*,50">

No offence, maar frames wou ik links laten liggen .

[André]

Icey schreef op woensdag 26 januari 2005 @ 16:39:
[...]


No offence, maar frames wou ik links laten liggen .

Maar iframes niet

[SandaX]

Icey schreef op woensdag 26 januari 2005 @ 16:39:
[...]
No offence, maar frames wou ik links laten liggen .

iFRAME, dan moet je overgaan op een div, als je frames helemaal wilt verbannen.

[Not Pingu]

Icey schreef op woensdag 26 januari 2005 @ 16:39:
[...]


No offence, maar frames wou ik links laten liggen .

En wat is een iframe volgens jou dan?

[Icey]

Gunp01nt schreef op woensdag 26 januari 2005 @ 16:40:
[...]


En wat is een iframe volgens jou dan?

IFRAME = Inline Frame, en alhoewel de naam bijna hetzelfde is vind ik het niet exact hetzelfde werken.

[André]

Icey schreef op woensdag 26 januari 2005 @ 16:47:
[...]


IFRAME = Inline Frame, en alhoewel de naam bijna hetzelfde is vind ik het niet exact hetzelfde werken.

Het werkt exact hetzelfde, het is in feite een apart browserscherm waarin je een ander document kunt openen, alleen de presentatie is iets anders.