| Author |
absolute center SWF on HTML
|
|
|
| I want to have my SWF be centered on the host HTML page both horizontally and
vertically. I've got it to center horizontal, but can't get it vertically.
Below is the tag I use in a CSS to try and center. It will center horizontal,
like I said, but that's it.
margin-left: auto;
width:800px;
height:400px;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
height:100%;
clear:left;
| |
| Rob Dillon 2007-09-14, 6:15 pm |
| Use something like this:
#fullFloater {
position:absolute;
top:50%;
left:50%;
right:50%;
bottom:50%;
margin-top: -300;
margin-left: -450;
}
set the margin-top value to be half the height of your .swf and the
margin-left to be half the width of your .swf, each with a negative value.
--
Rob
___________
Rob Dillon
Adobe Community Expert
http://www.ddg-designs.com
412.243.9119
| |
|
| That didn't work. It puts the SWF to the far bottom-right corner of the page
and I have to scroll to see it. I took your code exactly and changed the
margins appropriately. I have an 800w X 400h SWF, so I made margin-top "-200"
and margin-left "-400".
| |
|
| Ah, got it. I had to put "px" after the margin values. I don't know why, other than perhaps "px" isn't the default value. Anyway, it works now. Thanks!
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |