Support » Themes and Templates » sidebar and header image

  • I’m using div’s and CSS for my layout, when I add content to my sidebar, the head image moves down…so I played with the div code and style sheet, but the sidebar moves down.

    I’ve tried using margin-top (for the header) and float: right (for the sidebar) but it doesn’t do anything…
    I’ve even tried moving around the div coding…

    Basically my header image is in the center at the top and my sidebar is on the right…
    Does anyone know how to do this?

    Anyhelp is muchly appreciated. My site is Midnight Sonnet I’m still playing with the code too…so if I end up fixing it I’ll let you know…if it’s a mess when viewing, I’m sorry…

Viewing 7 replies - 1 through 7 (of 7 total)
  • Pretty sight.
    How are you adding…whatever. Wrapped in their own <div>‘s or with <h2>s inside of the <div>‘s or something completely different?

    I’m actually playing the content now–I gave up with the header and just “glued” the pattern under the image to the image using my image editor.

    Thanks for the compliment. Everything is done using <div>s but now my content is refusing to play with me due to my sidebar…as that expands my content pushes down.

    Any suggestions? I’ve tried: position: absolute; top:285px; position: relative; top 285px; and position: inherit; top:285px; and nothing works >_< I’ve even tried magins etc. and tried setting to 0…

    I’m pulling my hair out with it!
    I may have to give up and redesign it in tables >_<

    EDIT: I’ve managed to position the content at the top, now I have all this space at the bottom, any ideas how to get it rid of it?

    Sorry for being a pain, I’m still tinkering with CSS and Divs it’s quite the headache though

    Gah I give up, everytime I add something to my blog in the sidebar my content moves down so I have to add more to the px to move the content up, then I have so much space at the bottom…I bleeping hate divs and css *has an mental breakdown*!

    Couldn’t edit my own message…so anyways, I used table now so it’s perfect.

    Far from perfect…

    It’s best not to use tables for layout. There’s no need! I can’t see how you were doing it before, but you could try using position: absolute for your different columns and header. For example, the content can have left: 0px; width: 500px; and the sidebar right: 0px; width: 150px; or whatever. It doesn’t tend to move about as much when you add content as it does when you try to do it using floats.

    aymie, email me please at Let’s see if I can help you.

    well for the moment I’ll use tables for this layout–less stressful…I have everything working but yes it does put off my xhtml and css validation >_<

    I’m already working on a new layout so Peiqinglong I’ll keep your email handy.


Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘sidebar and header image’ is closed to new replies.