[HTML] Center src van iframe - Softwareontwikkeling

maandag 3 september 2007 11:44

Acties:

Verwijderd

Topicstarter

nogmaals:

Ik heb een pagina bestaande uit een helehoop divs, deze pagina laad ik als iframe in op een andere pagina. Nu laad een iframe standaard de src van linksboven. nu wil ik de iframe in het midden hebben. Zowel vanaf boven naar beneden als van links naar rechts.

Is het mogelijk om via html/CSS/Java dit te besturen?

als ik de laad positie via CSS probeer te beinvloeden verplaats ik alleen de positie van het iframe.
of er gebeurd helemaal niets.

Ik heb op w3schools en google geen antwoorden kunnen vinden.

Ik heb een simpele test gemaakt bestaande uit html met iframe

code:

<style type="text/css">
<!--
.iframecenter {
    align: center;
    vertical-align: middle;
}
-->
</style>

<iframe src="./test2.htm" frameborder="0" width="200" height="200" class="iframecenter" ></iframe>

en de source.

code:

<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    left:0px;
    top:50%;
    width:100%;
    height:50%%;
    z-index:1;
}
-->
</style>
</head>

<body>
<div id="apDiv1">
  <div align="center">Blaat</div>
</div>

Het idee is dus de iframe-source dead-centered te laten laden en niet het iframe zelf.

maandag 3 september 2007 11:58

Acties:

Verwijderd

Topicstarter

Als je naar de iframe kijk vergeet je weleens dat de source ook gewoon een pagina is.

Dit is een oplossing hoewel niet met het gemak van een center doet het wat het hoort te doen.

code:

<script type="text/javascript" language="JavaScript">

<!-- Copyright 2004 Bontrager Connection, LLC

function ScrollPageToCursorLocation() {

var PixelsFromTop = 50;

var PixelsFromLeft = 50;

window.scrollTo(PixelsFromLeft,PixelsFromTop);

}

//-->

</script>

aangeroepen door

code:

1	<body onload="ScrollPageToCursorLocation()">

Reageer