PDA

View Full Version : Style issue


TTPlayground
07-02-2014, 01:58 AM
Hi, I'm working on a style for my forum and I'm having some issues.

I'd like my forum width to be the same width as my banner. I was able to make it do this, but it's too large for other monitor sizes.

In other words, it looks like this for me: http://puu.sh/9T4eQ/d82363fb03.jpg
and it looks like this on smaller monitors: http://prntscr.com/3yjade

How can I make it to where the banner and forum width will auto-resize itself to look like it does on my monitor?

Lynne
07-02-2014, 02:00 AM
When dealing with CSS issues, it is impossible to tell what is going on from just an image. It is easier to use a tool like firebug to view the CSS and see what is happening. So, can you please supply a link and a test username/password, if needed, to see the problem.

Max Taxable
07-02-2014, 02:10 AM
See if this article is of any help.

http://ozzmodz.com/showthread.php/1193-So-you-want-that-single-image-banner-for-a-header-but

TTPlayground
07-02-2014, 02:27 AM
When dealing with CSS issues, it is impossible to tell what is going on from just an image. It is easier to use a tool like firebug to view the CSS and see what is happening. So, can you please supply a link and a test username/password, if needed, to see the problem.

Here is a link: http://toontownrepublic.com/index.php

The style is called Toontown Central

If a test acc is still needed I can provide one.

Lynne
07-02-2014, 06:01 PM
You have this in your CSS:
#header .site-logo img {
margin: auto;
position: absolute;
width: 1476px;
}

So, by definition, you are making it that size. You need to set that to a percentage and not pixels.

billstelling
07-02-2014, 11:52 PM
You need to make some of the header graphics elements variable so it will display well on any size monitor. It also looks like the left and right margins can be tightened up a good bit.
You could also set the header to have no left or right padding or margin. That might look better..
All of it can be done with the correct css coding and just a bit of graphics work.