Sidebar at bottom of page

  • Unknown's avatar
    myphotoscout · Member ·

    I already checked the forums and help page (http://faq.wordpress.com/2008/05/30/why-is-my-sidebar-at-the-bottom-of-my-posts/) but I am drawing a blank. On some IE the sidebar slides to the bottom of the page. I pasted my css code below, but I really could use some help with this.

    div#container {
    float:left;
    width:100%;
    }

    div#content {
    margin:0 360px 0 0;
    }

    div.sidebar {
    float:left;
    overflow:hidden;
    width:170px;
    }

    div#primary {
    margin:0 0 0 -350px;
    }

    div#secondary {
    margin:0 0 0 -175px;
    }

    div#wrapper {
    width:1000px;
    text-align:left;
    background:#fff repeat-y center top;
    margin:0 auto;
    padding:0;
    }

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    I don’t think it is a CSS problem. According to W3C’s XHTML validator, you have 100 errors on the front page. A good portion of them have to do with using the ”

  • ” where it is not allowed: http://validator.w3.org/check?uri=http%3A%2F%2Fca.myphotoscout.com%2F&charset=(detect+automatically)&doctype=Inline&group=0 . You have used the “
  • ” in a lot of text widgets.

    A better, and valid way of doing line indents is to use:

    <p style="padding-left: 30px;">This is a test<br />
This is another line<br />
This is another line<br />
This is another line</p>

    You can change the 30px above to any value you like.

    Also, you have used “
    ” multiple times to add extra lines between things in widgets (at least that is what I think you are using them for). If you want a blank line in between lines of text in text widget, wrap the individual lines in “P” tags:

    <p>this is the first line of text</p>
<p>this is the second line of text</p>
<p>this is the third line of text</p>
<p>this is the fourth line of text</p>

    Using two break tags back-to-back is not provided for in the standards and can cause issues, the least of which is that it puts errors into your pages, and Google and some other search engines are getting quite picky about HTML errors and if they find too many in any particular site, then they quit indexing them.