help with header!!!

[unlimitedexcursion]

hi my name is chad i am new here and new to smf and web page construction in general...i am having a bit of trouble getting the header on my forum right...it seems to be a different size on every screen resolution...i really need it to be the same size in each...any help would be much appreciated

[MrGrumpy]

What version of SMF?
Link to your site?
Theme?

[unlimitedexcursion]

free smf atm will be switching to http://www.siteground.com/smf-hosting.htm [nofollow] in about 2 weeks

link to forum
http://unlimitedexcursionforum.freesmfhosting.com/index.php [nofollow]

SMF Default Theme - Core (1.1)?

[unlimitedexcursion]

sry if any of the info is not the right info...and for the late response i was out all day...and im way new to this

[MrGrumpy]

OK is it the banner above the header you are having the problem with - you want that banner to fit all resolutions from small to large?

[unlimitedexcursion]

yes sir that is exactly it..any help would be greatly appreciated!

[MrGrumpy]

What I would do is make your banner wider and then have it centered and hide the overflow on lower resolution screens.

Basically make a new image 2300px wide x 320px high and make it black and place your banner in the center, so there is excessive black either side.

Then theres a bit coding needs doing, I had something similar on a site i used to have.

I added a new class in the index.template.php for the logo then added some css that would center the image and hide the excess (hidden overflow).

I actually placed mine inside the header itself, which with bit of tweeking of your banner you could do it that way too instead of having it above the header.

[unlimitedexcursion]

ok i have resized the image to 2300x320

http://imageshack.us/f/28/workingonit.jpg/ [nofollow]

what coding will i need to have and how is that all done?

[unlimitedexcursion]

i still just cant get it right...im not sure what im doing wrong..

[unlimitedexcursion]

could somebody please help me!!!!

[unlimitedexcursion]

im sorry to keep bumping this but im still having trouble getting the banner to center

[mashby]

Something more like this might be what you're looking to do?

Code Select Expand

<div align="center" style="width:100%; background:#000"><img border="0" src="http://img18.imageshack.us/img18/8411/uegoblinheaderredeyesre.jpg" /></div>I'm guessing the image being on imageshack is a temporary thing, eh?

[unlimitedexcursion]

yes this site itself is a test and will be remade once i learn the ropes on a new host

[unlimitedexcursion]

i have your code in my header...i am not really seeing a change...does it take time to set it or am i missing something?

[mashby]

Maybe Control F5 a page or two. Looks OK on my end.

[unlimitedexcursion]

on my end it looks good in all resolutions but 800x600 looks pretty bad...is that to be expected??
its perfect is all others after it kicked up aside form that.....so i appreciate the help so far...i could live with it how it is...its much better...

[mashby]

Yeah, it's going to look rather interesting (bad) on a 800X600 screen. How many users do you have using that screen size? I can't imagine too many, but what do I know. You could consider resizing your image to be 700 pixels wide though.

[unlimitedexcursion]

very true i doubt many if any will be using that resolution...and i will also look into changing the size of the banner...but the code seems to be perfect for what i wanted and i thank you...

[mashby]

You're welcome. And I really think a smaller header image is in order even with your wider screen users. At the moment, that banner takes up most of the vertical space on my monitor. Making it smaller lifts the forum/page content up to a more visible area on page load.

[unlimitedexcursion]

and you think 700 wide would be optimal???