• Hi.

    I was wondering how to fix my sidebar problem. See, when I installed the theme and put in the header, the banner was big so I readjusted the header size to fit it right. Well the header moved down, but my sidebars didn’t. I’ve spent about a day now trying to configure the problem and inserting breaks and all, but nothing works.

    Preview: http://braveselite.com

    Thanks for the help!

Viewing 11 replies - 1 through 11 (of 11 total)
  • man, your css is a mess. I just played with it for about ten minutes..

    you have multiple calls to background images.. remember css is like a private in the Army- it will do exactly what you LAST told it to do.. in other words the last image will be the one displayed..

    Your widths are messed up. You will have to define those. I would suggest doing this for starters:

    In your header.php (or the first one called anyway) create right after the <body> tag a new division: <div id=”wrapper”>… then go to your footer.php (or equiv) and close it right above </html> with </div>..

    then enter your css- make a new div called #wrapper… make it this:

    #wrapper {
    width 80%; /*or whatever width works for you */
    margin:auto; /*will center it for you */
    }

    we can move on from there….

    Thread Starter coreybishop

    (@coreybishop)

    Where do you put the wrapper? Does it matter?

    where you put the wrapper css declaration in your css is up to you… doesn’t matter…

    in your theme though, you will want to add the wrapper RIGHT AFTER the header end tag…( </head> )

    it will be <div id=”wrapper”>

    Thread Starter coreybishop

    (@coreybishop)

    I thought it was right after the <body> ok if you say so lol.

    Done.

    man, I can’t give good advice today to save my life! yes, I meant right after <body>

    Thread Starter coreybishop

    (@coreybishop)

    lol then the closing tag for that must come before the closing body tag?

    add this to your style.css:

    #wrapper {width:80%; height:auto; margin:auto;}

    replace .header with:

    .header {
    border-color:#AAAAAA;
    background-color:#F8F7EF;
    height:250px;
    background-image:url(“images/header-bg.jpg”);
    background-repeat:repeat-x;
    background-position:center;
    border-style:solid;
    margin-bottom:5px;
    border-width: 1px;
    width: 100%;
    position:relative;
    }

    .header img {
    width:90%;
    }

    and uh, yup… my bad once again.. you close it before the </body>

    I swear I will try to get it right from now on!!

    Thread Starter coreybishop

    (@coreybishop)

    ok I added those two things in, and I guess that first step replaces:
    #wrapper {
    width 80%; /*or whatever width works for you */
    margin:auto; /*will center it for you */
    }

    yup.. there I go again… maybe you should talk to someone else until I get my caffeine groove on πŸ™‚

    Thread Starter coreybishop

    (@coreybishop)

    lol no on one else is around to help right now so just wing it and maybe we’ll get it πŸ˜‰ btw, do you have an MSN or YIM? It would be easier…

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Sidebar problems’ is closed to new replies.