[RESOLVED] How to center...

Printable View

Show 40 post(s) from this thread on one page

04-26-2007, 11:40 PM
Nionicle

[RESOLVED] How to center...

Maybe I should have titled this...
Save me from going insane.
Or about to jump off the bridge....

Anywho... The .swf file stays centered to the back ground in the amazing
INTERNETS EXPLORERRERERERERR

But in mozilla... The flash centers very differently...

Basically.. I want it to look like it does in internet exploder in all browsers.

http://www.mentaldeficit.com/Test/index.html

And yes... the back ground image is large and horrid. So sorry to hurt your eyes.
Of all the things to get frustrated with.... I choose webdesign.... sigh

mike nio weirdo .....whatever you want to call me
04-27-2007, 04:02 AM
catbert303

Hi,

The linked page looks the same for me in IE 6, Firefox 2 and Opera 9. I can try IE 7 and Safari when I'm home from work. Do you have a screenshot showing the differences you're seeing?
04-27-2007, 05:07 AM
1407

looks the same in FF and IE here too.
04-27-2007, 09:37 AM
Nionicle

Hehe... I forgot to mention...
In firefox when you resize the browser the flash content sort of moves out of the designated area. But In internet explorer it seems to stay where it should.

Hopefully that clears some things up

This is my 1337 post (wahoooo)
04-27-2007, 04:18 PM
ihoss.com

nope, works fine here. Its in the center no matter how I resize it.
04-29-2007, 12:10 PM
Nionicle

Picture to help display what I mean.

http://www.mentaldeficit.com/iemozzie.JPG
04-30-2007, 06:29 PM
jasonsplace

Are you using an older version of Firefox? I just tried it in IE 7 and in Firefox and I see it the same as your IE screenshot in both browsers when I resize.
04-30-2007, 07:22 PM
Nionicle

I just checked for updates and it said I am up to date...
hmmm
I don't know what to think now...
05-01-2007, 10:13 AM
jasonsplace

I just went check it again to see if I could see anything strange and the background image is missing now.
05-01-2007, 11:26 AM
Nionicle

Yeah I took it off last night. I put up a much smaller sized one (in kb).
It is the same back ground I used in my example picture.
Which i also too off.
If you want that one back up just ask.

Glad to see this mystery hasn't been given up on.
05-07-2007, 11:55 AM
Nionicle

=( I still haven't made any progress on this issue.
05-07-2007, 12:12 PM
jasonsplace

When you had the blue background it was working for everyone correctly in both browsers but when you switched to the red it broke. What all did you change when you changed the background color. Also, is there a reason that you are using Flash to display your text?
05-07-2007, 12:16 PM
Nionicle

I don't believe I changed anything in the code.
I just deleted the last picture and uploaded a new one with the same name.
I have flash there because I was going to make the website in it.
Let me change up the flash content inside.. right now the .swf is 800px and the BG content area is only like 600.
05-07-2007, 12:29 PM
Nionicle

Ok I changed it.
It is now a gray square as the flash movie to show the content area.
05-07-2007, 01:30 PM
Nionicle

Just for some added stuffs.

www.webagent007.com pulls off the same thing. Except it works in my browser.
Why my own site doesn't. Is beyond me.
05-08-2007, 08:00 AM
sticks464

Put your object code inside a div. Remove the <center> tag.

Quote:

<div id="movie">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="550" HEIGHT="600" id="splash" ALIGN="top">

<PARAM NAME=movie VALUE="splash.swf">
<PARAM NAME=quality VALUE=best>
<PARAM NAME=scale VALUE=noscale>
<PARAM NAME=salign VALUE=T>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#000000>

<EMBED src="splash.swf" quality=best scale=noscale salign=T wmode=transparent bgcolor=#000000 WIDTH="550" HEIGHT="600" NAME="splash" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</div>

Then set the margins with css

Quote:

div#movie {margin:0 auto; width:550px; height:600px; }

also set the default margins with

*, html {margin:0; padding:0;}

This will put the flash in the exact center of the page irregardless of the monitor size or resolution.
05-08-2007, 10:09 AM
Nionicle

Hmmm... for me atleast. It still moves off of the center of the background as I minimize the window to sizes smaller than the width of the movie
05-08-2007, 10:42 AM
Nionicle

Officialy RESOLVED WAHOOOO

Thanks to Jasonsplace

Code:

<html> <head> <title>Mental Deficit-A personal portfolio of Michael Abernathy</title> </head> <style type="text/css"> body { margin: 0px 0px 0px 0px; padding: 0px; background-color: #000000; } .content{ background-image: url(BasicBG.jpg); background-repeat: repeat; background-position: center top; width: 100%; height: 1000px; } </style> <body> <table border="0" cellpadding="0" cellspacing="0" class="content"> <tr> <td> </td> <td width="550" valign="top"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="550" HEIGHT="600" id="splash" ALIGN="top"> <PARAM NAME=movie VALUE="splash.swf"> <PARAM NAME=quality VALUE=best> <PARAM NAME=scale VALUE=noscale> <PARAM NAME=salign VALUE=T> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#000000> <EMBED src="splash.swf" quality=best scale=noscale salign=T wmode=transparent bgcolor=#000000 WIDTH="550" HEIGHT="600" NAME="splash" ALIGN="top" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> </td> <td> </td> </tr> </table> </body> </html>
05-08-2007, 12:22 PM
ihoss.com

sticks way is better. The only thing he forgot to mention is that you need position: relative in there as well:

Code:

div#movie {margin:0 auto; width:550px; height:600px; position: relative;} also set the default margins with *, html {margin:0; padding:0;}
05-08-2007, 12:25 PM
jasonsplace

Why is sticks way better? Doing things in all CSS may be a newer way of doing things but table layouts are tried and true. They've worked for years and continue to do so in all browsers equally. CSS is nice and all but sometimes it is a major pain in the neck when you want something to look the same in IE and Firefox and Opera and Safari and every other browser that your users may be using.

Show 40 post(s) from this thread on one page