sono partito da questo esempio:
http://www.dynamicdrive.com/style/la...-frame-layout/
modificando il css in questo modo:
codice:
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#framecontent{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}
#maincontent{
position: fixed;
top: 80px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background: #fff;
}
.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
height: 100%;
width: 100%;
}
* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
</style>
ed utilizzando questo markup:
codice:
<body scroll=no>
<div id="framecontent">
<div class="innertube">
<h1>CSS Top Frame Layout</h1>
<h3>Sample text here</h3>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,60" width="100%" height="100%" id="fullscreen" align="middle">
<param name="allowFullScreen" value="true" />
<param name="movie" value="mio.swf" />
<param name="bgcolor" value="#000000" />
<embed src="mio.swf" allowFullScreen="true" bgcolor="#000000" width="100%" height="100%" name="fullscreen" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
</div>
</div>
</body>
su Firefox tutto ok. I problemi arrivano con IE6. Tra l'header e il movie flash mi visualizza uno spazio bianco indesiderato...ecco lo screen:
consigli? 
Permessi di invio
Rispondi quotando