[RESOLVED] Aligning flash website to vertical centre of browser

**obelix123** · 08-20-2010, 09:04 AM

i hav a flash website that i want to align in the vertical center of my browser....

i used all possible combos of publish settings in flash cs4 but it dint publish my webpage in center ....

so pls give me a html code i can put in my index.html so that my flash object aligns itself in center ...
btw i have used following code to align it in horizontal center....
<body>
<div align="center">
//my embedded flash object
</div>
</body>

**cintaria** · 08-23-2010, 05:05 AM

CSS2 does not have vertical centre attribute, but tables do. What you need to do is tell CSS to treat your div as a table, and the content as a table cell and vertical align the content in the cell:

Actionscript Code:

<style type="text/css">
.outer {
 display: table;
 height: 100%;
 width: 100%;
}
.inner{
 display: table-cell;
 vertical-align: middle;
 text-align:center;
}
</style>

Actionscript Code:

<div class="outer">
<div class="inner">
...content...
</div>
</div>

[edit]
This does not work in IE.

**jumpjumptiger** · 08-24-2010, 06:08 AM

You can try

<div style="text-align:center;">
.................
..........
</div>

**obelix123** · 08-25-2010, 07:10 AM

thnks.... that worked great for me!!!!

**cintaria** · 08-26-2010, 03:00 PM

d'oh >.< thought you wanted horizontal align!

Thread: [RESOLVED] Aligning flash website to vertical centre of browser

Thread Tools

Display

[RESOLVED] Aligning flash website to vertical centre of browser

Tags for this Thread

Posting Permissions