1

Topic: Full width banner

On reviewstash.com, how do I make a banner that fills the entire gray space at the top instead of saying "reviewstash", one continuous portrait image. Thanks. Sorry about all the topics.

Re: Full width banner

http://wiki.punres.org/Add_a_logo_to_the_header_via_css

3 (edited by xsdmx 2007-12-06 01:41)

Re: Full width banner

Smarty, you're my hero. So I'd just set it to 100% width or something?

4

Re: Full width banner

Well, I got the banner working in firefox and in opera, but IE decides to add 3 extra pixels to the bottom of the header table. http://www.reviewstash.com Any ideas?

Re: Full width banner

adjust the height px that you set for the banner.

I normally use the #brdtitle to add the header.png to.
some use the #brdheader...

there about 3 ways you can do it..

Q

My stuff or my style might sux, but atleast I'm willing to help when I can.
Don't be stupid and help ! We are the stupid one's !!!

6

Re: Full width banner

This is what I'm using in the oxygen css

div#brdheader #brdtitle {
    height: 43px; /* Replace with height of your header image */
    padding: 0
}

#brdtitle span, #brdtitle p {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 1em;
    left: -999em
 }

#brdtitle h1 {
    width: 798px; /* Replace with width of your header image */
    height: 43px; /* Replace with height of your header image */
    background: url('/img/logo.png') top left no-repeat;
}
/**

7

Re: Full width banner

Any ideas?

8

Re: Full width banner

Figured it out, IE adds an extra 3px, so you have to shorten the entire length to 40 instead of 43. Makes the banner smaller, but fixes the issue.