Myspace *shudder* <div> help.

[Cold Lazarus]

I watched a Yaoi once, I didn't realise until half way through...

Ok guys, I need some help with my Myspace page. Basically I have a small flash file containing a few pics. I want to place that over the top of my Myspae profile.

The Only issue I have is getting the

that contains it, to center on the page so that when the window is resized it stays in the middle. I only know how to absolute position them.

Any help would be awesome thanks.

...The girls just never came!

 

[Sentama Lin]

The correct way to do what you want is to add this CSS to whatever the div you want to use: "margin: 0px auto;display: inline;"

It should work on Internet Explorer 7, Firefox, Opera, and Safari/WebKit. I believe "display: inline" makes it work for older versions of Internet Explorer, but if it causes more trouble than it helps, just remove it.  

[Cold Lazarus]

I watched a Yaoi once, I didn't realise until half way through...

Yeah, I fail at CSS. Or it didn't work.

Say I want to put this over the top pf everything on the page and center it.

CONTENT GOES HERE CONTENT GOES HERE
CONTENT GOES HERE CONTENT GOES HERE
CONTENT GOES HERE CONTENT GOES HERE

What do I do with the

margin: 0px auto;display: inline;

question

...The girls just never came!

 

[Sentama Lin]

Hrmmm... On top of everything? Well you would add those to the style="" in the

, but after testing I found a better method. To center things above all other elements, and to keep them centered, just add these values: "position: absolute; left: 50%; top: px; margin: 0px 0px 0px -px;"

So for the example you had set an example would look like this:

<!-- Your Content Goes Here -->

 

[Cold Lazarus]

I watched a Yaoi once, I didn't realise until half way through...

Thankyou very much Linny. Now I just needs to work out how to make my flash file work xd first time making a flash file lol.

...The girls just never came!