MyBB Codes

hrm.. it seems like my forum logo and the body of my forum are not automatically aligned on different computers, on mine i have no problems and everything works well but i've seen it on another computer and my logo was too large for the screen .. wtf?

how can i fix this ?

If you can give a link to your forum it would be easier to see your problem!

This can be related to your logo size or your theme content.

sure no prob and here are pictures of what i am trying to explain...

http://www.serialkillerselite.com


Pictures

How i want it and how it shows on my computer



Not a good picture but you can see that the log is wider than the rest

The main issue is that your logo image is too wide(1108px) for many screens. As an example my screen is 1024 pixels wide and cannot contain your logo fully.

I would suggest to reduce the width of your logo or choose to put it centered in background and loose the sides on narrower screen...

so there is no such thing as a logo rescaller thing that would resize my picture if it needs to ?

what is the max width a logo should be to fit most screens ?
I will need to make a new one after the holidays anyway.

You can set the logo image width to "90%" and this will force the logo image to rescale to 90% of its container width. But this wont work if you have a "fluid" theme because your page wont have a fixed width.

Most North American screens are 1024 pixels wide and over, while there is many people in other countries still having 800 pixels wide screen. You have also to consider people using their cellphone to browse the web, they wont have 1024 pixels either...

So if you want to be able to get the wider audience possible i would suggest a logo less than 800 pixels wide and extend it with decoration on each side in the case the screen is wider than 800 pixels.

To see an example of this, look at our webhosting page here at wwwhostingserver. Notice the logo in the background with the big white/blue computer and the red zone with a yellow pulse bar in the center? If you reduce your browser window to a width of 800 pixels, you will still be able to see the logo properly, only the side bars are disappearing!

The simpler solution is to design you page only for 800 pixels wide screen, but it would be quite thin seen on a 1280 wide monitor...

P.S. You could rescale the logo with a javascript on the client side, knowing its window width. But i do not recommend this, because many people wont have javascript activated for security issues.