sidebar bottom of page (again) or text wraps around sidebar

  • Resolved paddyinthesun

    (@easylifespain)


    14 years ago

    Hi guys, i’ve searched through the forums and the many many threads that relate to “sidebar at bottom” but unfortunately none seem to relate to my specific problem. I’ve tried the markup validation service, floating the content and changing the width but all without success.

    Initially, my sidebar was appearing where it should (right of text) but the text was wrapping around the sidebar and it looked untidy.
    I have moved my <?php get_sidebar(); ?> to outside the <div id=”content”> area and the sidebar appears on the bottom.

    All i want is for the sidebar to appear where it should and for the text not to wrap around the sidebar. Here is the site i’m working on https://www.elscleaning.com
    Any help appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter paddyinthesun

    (@easylifespain)

    I’ve found that a </div> was missing from page.php. The sidebar is now on the right but still at the bottom of the page.

    flamenco

    (@flamenco)

    Hola,
    I played with the code, and got it to work. I put the sidebar back just under content.

    Then I changed the CSS. (Appearance… Editor…) I removed “clear: both;” from #content and replaced it with “float: left”. Then I gave #content a width. 66% worked, but that could be adjusted however you like. That brought the sidebar up to the right.

    I hope that gets you started.
    Ciao,
    Dave

    Thread Starter paddyinthesun

    (@easylifespain)

    Ok, now i have added “float:left” to the content and this has brought the sidebar back to where i want it. Now, only one more step to go.

    There appears to be a lot of space between the content and the sidebar. I have tried to reduce the size of the sidebar but this increases the space between the content and sidebar.

    Thread Starter paddyinthesun

    (@easylifespain)

    Gracias flamenco, i didnt see your post until now. I have got to the same point as you, reduce content width, float the content left.
    Any ideas on why there is so much space between the content and sidebar?

    flamenco

    (@flamenco)

    Hola,
    Yes, #content has a big margin setting. You could try adding either of the following two lines to the ones you’ve put in:

    margin:30px 0 5px;
    .. o ..
    margin: 30px 0 5px 30px;

    .. or variations. ??

    Ciao, Dave

    Thread Starter paddyinthesun

    (@easylifespain)

    Hola Dave,
    Do you know anyway of moving the sidebar closer to the text instead of increasing the size of the content??

    Ademas, muchas gracias por tus respuestas

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘sidebar bottom of page (again) or text wraps around sidebar’ is closed to new replies.