WordPress.org

Ready to get started?Download WordPress

Forums

sidebar and header image (8 posts)

  1. aymie
    Member
    Posted 7 years ago #

    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...

  2. Samuel B
    moderator
    Posted 7 years ago #

    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?

  3. aymie
    Member
    Posted 7 years ago #

    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

  4. aymie
    Member
    Posted 7 years ago #

    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*!

  5. aymie
    Member
    Posted 7 years ago #

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

  6. jrawle
    Member
    Posted 7 years ago #

    Far from perfect...
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.midnight-sonnet.net%2F

    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.

  7. peiqinglong
    Member
    Posted 7 years ago #

    aymie, email me please at richard@bui4ever.com. Let's see if I can help you.

  8. aymie
    Member
    Posted 7 years ago #

    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.

    Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.