iframe aukstis

Sveiki,

Taigi ant div'o uzdejau:

position:absolute;

left:0;

top:0;

height:100%;

width:100%;

Ir tame div'e ikisau iframe jo stilius:

height:100%;

width:100%;

Beda ta , kad iframe aukstis visada buna koki ~50px , bandziau uzdet ant iframe ir div'o stiliu pvz.: height:500px , bet tai nepadeda visvien jis ~50px;

Aisku be position:absolute , aukstis buna normalus.

Yra gal ideju kaip tai istaisyt?

Sveiki,

Taigi ant div'o uzdejau:

position:absolute;

left:0;

top:0;

height:100%;

width:100%;

 

Ir tame div'e ikisau iframe jo stilius:

height:100%;

width:100%;

 

Beda ta , kad iframe aukstis visada buna koki ~50px , bandziau uzdet ant iframe ir div'o stiliu pvz.: height:500px , bet tai nepadeda visvien jis ~50px;

Aisku be position:absolute , aukstis buna normalus.

Yra gal ideju kaip tai istaisyt?

Gal pabandyk display:block

Gal pabandyk display:block

nepadeda.

nepadeda.

<div style="display:relative;width:1024px;height:1000px;">
<div style="top:0;left:0;display:absolute;width:100%;height:100%;">
	<iframe style="height:100%;width:100%;" src="http://www.w3schools.com"></iframe>
</div>
</div>

Kiek žinau nelabai išeis height 100% su css padaryt (jei kas žino kaip, galėtumet pasireikšt :D), kad būtų tiksliai pagal ekrano resoliuciją, o ne pagal puslapio, kuris bus iframe, aukštį,, todėl su javascript pagalba gali pritaikyt iframe'ą kad būtų visad per visą ekraną.

Vienas iš galimų scriptų variantų: (man veikia idealiai)

<script type='text/javascript'>
// FRAME AUTO RESIZE
function setIframeHeight( iframeId )
{
var ifDoc, ifRef = document.getElementById( iframeId );

try
{   
 ifDoc = ifRef.contentWindow.document.documentElement;  
}
catch( e )
{ 
 try
 { 
  ifDoc = ifRef.contentDocument.documentElement;  
 }
 catch(ee)
 {   
 }  
}

if( ifDoc )
{
 ifRef.height = 1;  
 ifRef.height = ifDoc.scrollHeight;

}
}