Support » Themes and Templates » Sidebar alignment

  • Hey, I’m new to wordpress so please excuse me. I went ahead and editted the default theme, and so far everything works except the sidebar. I’ve looked for hours and can’t figure out how to move it over to fit in the “table area” and how to change the background of it. Does that make sense?

    I’d appreciate any help!

Viewing 15 replies - 1 through 15 (of 19 total)
  • It looks like the sidebar is there, but what I think you are saying is that sidebar has “gouges” in it from the red part going into the green. I recommend that you change your DIV sections so they wrap around the sidebar, like the #rap or #content, which ever one is the “parent” of the green background at the beginning. Or create one called “greenback” and let that be your green background and let the divs inside have a transparent background.

    Does that make sense?

    I finally found the sidebar so I did that, but now my problem is what you said. I’m not too good at this..
    what would I do to make that work? #greenback ? and then have everything that’s in that table area to be a .content ?

    OKay now I fixed that, the only problem I have is the gap between the header, main, and footer.. any suggestions?

    Looking at the source for your page the way it sits right now, there’s two <hr> tags in there – one near the header, one near the footer. Try taking those out.

    I tried those, but it hasn’t worked, at least not on my end. Thank you though, I appreciate a reply.

    What browser are you using, btw? In FF1.0.2 and Opera 7.23 I see the longitudinal blanks that show your orange background instead of the green content area. However, in IE6 the top blank gap isn’t there but the header area is pushed to the right; the bottom gap is there and the footer is directly inline with the content area.

    I’d have to grab all your code and load it into my editor tomorrow to play with it.

    Ah I had a bad feeling about that. I’m using netscape..

    Which flavor? Same gecko engine, different versions etc.

    8 Beta

    Hm. Don’t know anything about the new version…. also in FF if you go to the April 2005 archive, you get a blank rectangle in the sidebar but you have no gaps. Your css etc. need a fair amount of tweaking looks like.

    You might start with the Codex Css guides….

    Thank you for everything. I’ll give it another day and if I still have problems I’ll just switch back to my old program. Thank you so much though.

    Well, don’t pack it in yet! See what you can work out with the Codex info, post back tomorrow (sorry, it’s really late here and I’m off to bed), and we’ll see what we can work out. I grabbed your current css and html, will take a look in the morning….

    I looked over it today and I’m still as lost as before. I mean this is like sending me into Japan without a translator or any knowledge of the language. I have no idea of where to start. It’s really frustrating!

    Okay – in the files I downloaded, the stuff in the <style> declaration in the top of your (probably) header.php file is duplicated in your style.css file. I deleted this whole block from the top of the header file, since it appears in the css file, and that closed up the gaps.

    This is the whole of the relevant block I deleted from the header.php file:

    <style type="text/css" media="screen">

    /* To accomodate differing install paths of WordPress, images are referred only here,
    and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
    not, then go right ahead and delete the following lines, and the image files. */

    body { background: url(""); } #page { background: url("") repeat-y top; border: none; } #header { background: url("") no-repeat bottom center; }
    #footer { background: url("") no-repeat bottom; border: none;}

    /* Because the template is slightly different, size-wise, with images, this needs to be set here
    If you don't want to use the template's images, you can also delete the following two lines. */

    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 643px; }
    #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
    /* END IMAGE CSS */

    /* To ease the insertion of a personal header image, I have done it in such a way,
    that you simply drop in an image called 'personalheader.jpg' into your /images/
    directory. Dimensions should be at least 760px x 200px. Anything above that will
    get cropped off of the image. */

    #headerimg { background: url('') no-repeat top;}


    Try doing that on your file, and see if it helps. Let me know!

    Okay reload my page, that’s what happened.

    I do really appreciate your help, I hope I’m not sounding ungrateful.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Sidebar alignment’ is closed to new replies.