Vbulletin Header

[Lynne]

My header is 800 wide but according to google analytics, 95% of our traffic has a screen resolution of 1024 or greater. But, just because that is your screen resolution doesn't mean you have the browser window filling up the screen (mine certainly doesn't).

[brian41527]

I just tried resizing my header, when I make it smaller it is too small for my board on my computer... But on my dads it looks fine, how do I make it fit right on both? Scalable?

[Sweeks]

I would do what Tipoboy has said, either that or make a different header or learn some HTML and CSS.
________
INTERRACIAL WIFE

[RTWAP]

Does anyone have any samples of a three column table or CSS or whatever?

I've got a banner (http://hockeybroads.com) and I'd like it to be centred with images left and right being simple colour gradients that match the background of the image. This seems to be working fine in FireFox, but I get no header images at all when I open it in IE.

If I had to guess, I think I'm experiencing a clash between the header and the CSS and it's handled differently in IE versus FF. This is well beyond my meager web abilities.

--------------- Added [DATE]1239743669[/DATE] at [TIME]1239743669[/TIME] ---------------

Got it.

...
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" style="background-image:url(http://hockeybroads.com/images/misc/hockey_board_forum_background.jpg)">
<tr>

<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://hockeybroads.com/images/misc/hockey_board_forum_banner_v1.2.jpg" border="0" alt="$vboptions[bbtitle]" /></a></td>


<td align="$stylevar[right]" id="header_right_cell">
<if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else />&nbsp;</if>
</td>

</tr>
</table>

...

[Furcal15]

I did the tutorial in the article section about making a custom header to fit all screens. I did it and still get the resolution problem. my table with all the forums are longer than everything

[setishock]

Try this:

<!-- logo -->
<a name="top"></a>
<center>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="background-image:url($stylevar[imgdir_misc]/headbg.gif)">
<tr>

<td align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/head_left.gif"  border="0" alt=""/></a></td>
<td align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/head_right.gif" alt="" /></td>
</tr>
</table>
</center>

<!-- /logo -->
<!-- content table -->
$spacer_open

$_phpinclude_output

You have to split your header into three sections.
head_left.gif - the left most portion of your header
head_right.gif - the right most portion of your header
headbg.gif - a one or two pixel "filler" that will keep the header looking full no matter what the width. It should be solid for best effect.
Upload the three files to your /images/misc folder for the theme and you're ready!

That replaces the header code.

I didn't write that. Some one gave it to me. It really works. Make the left and right panels a size so when it's viewed at a real low resolution they come together. When viewed at higher resolutions the filler does just that. It fills in.
Get creative with a gradient or a pattern.

[Furcal15]

That still didn't work...My whole skin is still out of wack except for in my resolution which is 1200x800 or something like that.

[tipoboy]

could you provide a link to your site?

[Furcal15]

I have it all right now. I got it almost working. It streches out my image though. its repeating itself. And you'd have to register to view the skin because i'm keeping it away from everyone.

[tipoboy]

Originally Posted by Furcal15

I have it all right now. I got it almost working. It streches out my image though. its repeating itself. And you'd have to register to view the skin because i'm keeping it away from everyone.

if you want me to have a look pm me the details