banner alters due to resolution

[petergharris]

I am using vbulletin 4.1.3 and am trying to get a banner to go right across the screen.

I have created it. put it on, but when other members go on there, the banner is beyond the right hand part of the forums.

Is there any way around this?

[Reycer]

How about a link or a screenshot?

[petergharris]

the site is www.behindthegoals.com and the affected banners are on celtic and rangers skins

[LifesGreatestGift]

image is too big. you need a main image, and a repeating image. or a left and right image, and a repeating image for the middle.

[nhawk]

Or change the image size to something reasonable in width and change the doc_minWidth and doc_maxWidth in stylevars to equal the size of the image.

[LifesGreatestGift]

yeah, you will either need a fixed style or continue using fluid but will need to alter the image and css to compensate.

[petergharris]

I am a newbie in styles etc, so I have a few questions about this I have to ask.

how would I do these


image is too big. you need a main image, and a repeating image. or a left and right image, and a repeating image for the middle.




yeah, you will either need a fixed style or continue using fluid but will need to alter the image and css to compensate.


Thanks for your feedback up to now, it is really appreciated.

[Jeff Ledger]

Check out this articles for a example, it was using tables through.

https://vborg.vbsupport.ru/showthread.php?t=137415

~Jeff

[petergharris]

Check out this articles for a example, it was using tables through.

https://vborg.vbsupport.ru/showthread.php?t=137415

~Jeff

Thanks for the link, I will see what I can do this way

[LifesGreatestGift]

I would not recommend using tables. All of this can be done with CSS.

[petergharris]

I would not recommend using tables. All of this can be done with CSS.

How can I do this by using the CSS (as I said ealier I am a newbie on styles)

[LifesGreatestGift]

<a href="http://chicowebdesign.com/blog/wp-content/uploads/2010/10/multiple-bgs/" target="_blank">http://chicowebdesign.com/blog/wp-co.../multiple-bgs/</a>

Google CSS3 multiple background images. The link provided is how to get it working on older IE versions.

The only thing I see being a problem is you will have to identify a piece of the picture that will be sufficient enough to be used as a repeating image.

[petergharris]

The only thing I see being a problem is you will have to identify a piece of the picture that will be sufficient enough to be used as a repeating image.

I agree with you there. I am now thinking about a 'grassy' background which should make things a lot easier.

[petergharris]

I think I have found another post which seems to have a bit more information as to how to do it.

I am now having a go, so fingers crossed

https://vborg.vbsupport.ru/showthread.php?t=228319

--------------- Added 1310333136 at 1310333136 ---------------

I have now sorted it as best as possible. There is a gap roughly in the middle as this can't be helped but it fits with screen resolution 1024x768 and upwards.

Thanks everyone for your help, it is really appreciated.