CSS
<style type="text/css">
<!--
#fl{
position:absolute;
width:500px;
height:500px;
top:50%;
left:50%;
margin:-250px 0 0 -250px;
border:1px dotted red;
}
-->
</style>
<div id="fl">Din flashfilm</div>
2 svar · 280 visningar · startad av Emil RT
Hej,
Har ett nätt problem med att centrera flashfilm i ett HTML dokument.
Saken är den att sidan är högre än 420 vilket gör att den klipps om man använder den "vanliga" metoden att lägga filmen i ett frameset där top och botten framen har * som höjd.
Metod två som jag testade var att lägga filmen i en tabell och då fungerade den horisontella centreringen bra men det varkar inte som om valign funkade så bra som jag hoppats på.
Här använde jag en tabell som är 100% hög och 100% bred med en cell.
Ska man behöva scripta sig förbi detta med JS?
/Emil
CSS
<style type="text/css">
<!--
#fl{
position:absolute;
width:500px;
height:500px;
top:50%;
left:50%;
margin:-250px 0 0 -250px;
border:1px dotted red;
}
-->
</style>
<div id="fl">Din flashfilm</div>